/* Theme Name: iNetGiant Theme URI: https://www.wpkraft.com Author: WPKraft Author URI: https://www.wpkraft.com/ Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wpkraft Tags: e-commerce */
 /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Woocommerce # Footer --------------------------------------------------------------*/
 /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/
 
 @import url('https://fonts.googleapis.com/css?family=Nunito+Sans|Nunito:300,400,600,700,800,900&display=swap');
 body {
     font-family: 'Nunito Sans', sans-serif;
     font-size: 14px;
     line-height: 22px;
     color: #000;
     margin: 0;
     -webkit-font-smoothing: auto;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
     display: block;
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline;
 }
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 [hidden],
 template {
     display: none;
 }
 
 a {
     background-color: transparent;
 }
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 dfn {
     font-style: italic;
 }
 
 mark {
     background: #ff0;
     color: #000;
 }
 
 small {
     font-size: 80%;
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sup {
     top: -0.5em;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 img {
     border: 0;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 figure {
     margin: 1em 2.5rem;
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
 }
 
 button {
     overflow: visible;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
 }
 
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 input {
     line-height: normal;
 }
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 
 legend {
     border: 0;
     padding: 0;
 }
 
 textarea {
     overflow: auto;
 }
 
 optgroup {
     font-weight: bold;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 td,
 th {
     padding: 0;
 }
 /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     clear: both;
     color: #000;
     font-weight: 600;
     margin-top: 15px;
     margin-bottom: 15px;
 }
 
 h1 {
     font-size: 32px;
     padding-bottom: 10px;
 }
 
 h2 {
     font-size: 24px;
     padding-bottom: 0.3em;
     line-height: 1.25;
 }
 
 h3 {
     font-size: 18px;
     line-height: 25px;
 }
 
 h4 {
     font-size: 16px;
     line-height: 20px;
 }
 
 h5 {
     font-size: 14px;
     line-height: 17.5px;
 }
 
 p {
     margin-bottom: 1.5em;
 }
 
 h1.entry-title {
     font-size: 1.31rem;
     border-bottom: 1px solid #eaecef;
 }
 
 h2.entry-title {
     border-bottom: 1px solid #eaecef;
 }
 
 h3.widget-title {
     font-size: 1.2rem;
 }
 /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/
 
 body {
     background: #fff;
     /* Fallback for when there is no custom background color defined. */
 }
 
 img {
     height: auto;
     /* Make sure images are scaled correctly. */
 }
 
 figure {
     margin: 1em 0;
     /* Extra wide images within figure tags don't overflow the content area. */
 }
 
 table {
     margin: 0 0 1.5em;
     width: 100%;
 }
 /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/
 /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/
 
 header#masthead {
     margin-bottom: 0;
     background-color: #563d7c;
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
     padding: .74rem 1rem;
 }
 
 .navbar-brand>a {
     color: rgba(0, 0, 0, 0.9);
     font-size: 1.1rem;
     outline: medium none;
     text-decoration: none;
     color: #fff;
     font-weight: 700;
 }
 
 .navbar-brand>a:visited,
 .navbar-brand>a:hover {
     text-decoration: none;
 }
 
 #page-sub-header {
     position: relative;
     padding-top: 5rem;
     padding-bottom: 0;
     text-align: center;
     font-size: 1.25rem;
     background-size: cover !important;
 }
 
 body:not(.theme-preset-active) #page-sub-header h1 {
     line-height: 1.6;
     font-size: 4rem;
     color: #563e7c;
     margin: 0 0 1rem;
     border: 0;
     padding: 0;
 }
 
 #page-sub-header p {
     margin-bottom: 0;
     line-height: 1.4;
     font-size: 1.25rem;
     font-weight: 300;
 }
 
 body:not(.theme-preset-active) #page-sub-header p {
     color: #212529;
 }
 
 a.page-scroller {
     color: #333;
     font-size: 2.6rem;
     display: inline-block;
     margin-top: 2rem;
 }
 
 @media screen and (min-width: 768px) {
     body:not(.theme-preset-active) #page-sub-header h1 {
         font-size: 3.750rem;
     }
     body:not(.theme-preset-active) #page-sub-header {
         font-size: 1.25rem;
     }
 }
 
 @media screen and (min-width: 992px) {
     #page-sub-header p {
         max-width: 43rem;
         margin: 0 auto;
     }
 }
 /* logo */
 
 .site-logo {
     max-height: 51px;
     height: 51px;
     margin-left: -5px !important;
 }
 
 .footer-logo {
     max-height: 33px;
 }
 /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/
 /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/
 
 #masthead nav {
     padding-left: 0;
     padding-right: 0;
 }
 
 body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
     color: #cdbfe3;
     padding: 0.5rem;
     font-weight: 500;
     font-size: 0.875rem;
 }
 
 body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
 body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a {
     color: #fff;
     font-weight: 600;
     /*background: #f9f9f9;
   */
 }
 
 .navbar-brand {
     height: auto;
 }
 
 .navbar-toggle .icon-bar {
     background: #000 none repeat scroll 0 0;
 }
 
 .header-drop-menu .dropdown-toggle {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 13px;
     line-height: 18px;
     color: #000000!important;
     cursor: pointer;
 }
 
 .header-drop-menu .dropdown-toggle:hover {
     color: #0080FF !important;
 }
 
 .dropdown-menu .dropdown-toggle::after {
     content: '';
     border-bottom: 0.3em solid transparent;
     border-left: 0.3em solid;
     border-top: 0.3em solid transparent;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children {
     position: relative;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
     margin-left: -1px;
     -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px;
     border-radius: 0 6px 6px 6px;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
     display: block;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     border-left-color: #ccc;
     margin-top: 5px;
     margin-right: -10px;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
     border-left-color: #fff;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
     float: none;
 }
 
 .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
     left: -100%;
     margin-left: 10px;
     -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
     border-radius: 6px 0 6px 6px;
 }
 /* Small menu. */
 
 .menu-toggle,
 .main-navigation.toggled ul {
     display: block;
 }
 
 .dropdown-item {
     line-height: 1.2;
     padding-bottom: 0.313rem;
     padding-top: 0.313rem;
 }
 
 .dropdown-menu {
     min-width: 12.500rem;
 }
 
 .dropdown .open .dropdown-menu {
     display: block;
     left: 12.250em;
     top: 0;
 }
 
 .dropdown-menu .dropdown-item {
     white-space: normal;
     background: transparent;
     line-height: 21px
 }
 
 .dropdown-menu .dropdown-item:hover {
     background: transparent;
 }
 
 @media screen and (min-width: 37.5em) {
     .menu-toggle {
         display: none;
     }
 }
 
 @media screen and (min-width: 769px) {
     .dropdown-menu li>.dropdown-menu {
         right: -9.875rem;
         top: 1.375rem;
     }
 }
 
 @media screen and (max-width: 991px) {
     .navbar-nav .dropdown-menu {
         border: medium none;
         margin-left: 1.250rem;
         padding: 0;
     }
     .dropdown-menu li a {
         padding: 0;
     }
     #masthead .navbar-nav>li>a {
         padding-bottom: 0.625rem;
         padding-top: 0.313rem;
     }
     .navbar-light .navbar-toggler {
         border: medium none;
         outline: none;
     }
 }
 
 .site-main .comment-navigation,
 .site-main .posts-navigation,
 .site-main .post-navigation {
     margin: 0 0 1.5em;
     overflow: hidden;
 }
 
 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
     float: left;
     width: 50%;
 }
 
 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
     float: right;
     text-align: right;
     width: 50%;
 }
 
 .comment-content.card-block {
     padding: 20px;
 }
 
 .navigation.post-navigation {
     padding-top: 1.875rem;
 }
 
 .post-navigation .nav-previous a,
 .post-navigation .nav-next a {
     border: 1px solid #ddd;
     border-radius: 0.938rem;
     display: inline-block;
     padding: 0.313rem 0.875rem;
     text-decoration: none;
 }
 
 .post-navigation .nav-next a::after {
     content: " \2192";
 }
 
 .post-navigation .nav-previous a::before {
     content: "\2190 ";
 }
 
 .post-navigation .nav-previous a:hover,
 .post-navigation .nav-next a:hover {
     background: #eee none repeat scroll 0 0;
 }
 /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/
 /* Text meant only for screen readers. */
 
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     word-wrap: normal !important;
     /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 }
 
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 0.313rem;
     line-height: normal;
     padding: 0.938rem 1.438rem 0.875rem;
     text-decoration: none;
     top: 0.313rem;
     width: auto;
     z-index: 100000;
     /* Above WP toolbar. */
 }
 /* Do not show the outline on the skip link target. */
 
 #content[tabindex="-1"]:focus {
     outline: 0;
 }
 /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/
 
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
 }
 
 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
 }
 
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 
 a img.alignright {
     float: right;
     margin: 0.313rem 0 1.25rem 1.25rem;
 }
 
 a img.alignnone {
     margin: 0.313rem 1.25rem 1.25rem 0;
 }
 
 a img.alignleft {
     float: left;
     margin: 0.313rem 1.25rem 1.25rem 0;
 }
 
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 
 .wp-caption.alignnone {
     margin: 0.313rem 1.25rem 1.25rem 0;
 }
 
 .wp-caption.alignleft {
     margin: 0.313rem 1.25rem 1.25rem 0;
 }
 
 .wp-caption.alignright {
     margin: 0.313rem 0 1.25rem 1.25rem;
 }
 /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/
 
 .clear:before,
 .clear:after,
 .entry-content:before,
 .entry-content:after,
 .comment-content:before,
 .comment-content:after,
 .site-header:before,
 .site-header:after,
 .site-content:before,
 .site-content:after,
 .site-footer:before,
 .site-footer:after {
     content: "";
     display: table;
     table-layout: fixed;
 }
 
 .clear:after,
 .entry-content:after,
 .comment-content:after,
 .site-header:after,
 .site-content:after,
 .site-footer:after {
     clear: both;
 }
 /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/
 
 .widget {
     margin: 0 0 1.5em;
     font-size: 0.875rem;
     /* Make sure select elements fit in widgets. */
 }
 
 .widget select {
     max-width: 100%;
 }
 
 .widget_search .search-form input[type="submit"] {
     display: none;
 }
 
 .nav>li>a:focus,
 .nav>li>a:hover {
     background-color: #eee;
     text-decoration: none;
 }
 
 .half-rule {
     width: 6rem;
     margin: 2.5rem 0;
 }
 
 .widget_categories .nav-link {
     display: inline-block;
 }
 /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/
 /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/
 
 .btn-full {
     width: 200px;
     height: 44px;
     line-height: 44px;
     padding: 0;
     vertical-align: middle;
 }
 
 #content.site-content {
     padding-bottom: 3.75rem;
     padding-top: 4.125rem;
 }
 
 .sticky .entry-title::before {
     content: '\f08d';
     font-family: "Font Awesome\ 5 Free";
     font-size: 1.563rem;
     left: -2.5rem;
     position: absolute;
     top: 0.375rem;
     font-weight: 900;
 }
 
 .sticky .entry-title {
     position: relative;
 }
 
 .single .byline,
 .group-blog .byline {
     display: inline;
 }
 
 .page-content,
 .entry-content,
 .entry-summary {
     margin: 1.5em 0 0;
 }
 
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
 }
 
 .page-template-blank-page .entry-content,
 .blank-page-with-container .entry-content {
     margin-top: 0;
 }
 
 .post.hentry {
     margin-bottom: 4rem;
 }
 
 .posted-on,
 .byline,
 .comments-link {
     color: #9a9a9a;
 }
 
 .entry-title>a {
     color: inherit;
 }
 /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/
 
 .comment-content a {
     word-wrap: break-word;
 }
 
 .bypostauthor {
     display: block;
 }
 
 .comment-body .pull-left {
     padding-right: 0.625rem;
 }
 
 .comment-list .comment {
     display: block;
 }
 
 .comment-list {
     padding-left: 0;
 }
 
 .comments-title {
     font-size: 1.125rem;
 }
 
 .comment-list .pingback {
     border-top: 1px solid rgba(0, 0, 0, 0.125);
     padding: 0.563rem 0;
 }
 
 .comment-list .pingback:first-child {
     border: medium none;
 }
 /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
 
 .infinite-scroll .posts-navigation,
 .infinite-scroll.neverending .site-footer {
     /* Theme Footer (when set to scrolling) */
     display: none;
 }
 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
 
 .infinity-end.neverending .site-footer {
     display: block;
 }
 /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/
 
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
 }
 /* Make sure embeds and iframes fit their containers. */
 
 embed,
 iframe,
 object {
     max-width: 100%;
 }
 /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/
 
 .wp-caption {
     background: #f1f1f1 none repeat scroll 0 0;
     border: 1px solid #f0f0f0;
     max-width: 96%;
     padding: 0.313rem 0.313rem 0;
     text-align: center;
 }
 
 .wp-caption img[class*="wp-image-"] {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 100%;
     padding: 0;
     width: auto;
 }
 
 .wp-caption .wp-caption-text {
     font-size: 0.688rem;
     line-height: 1.063rem;
     margin: 0;
     padding: 0.625rem;
 }
 
 .wp-caption-text {
     text-align: center;
 }
 /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/
 
 .gallery {
     margin-bottom: 1.5em;
 }
 
 .gallery-item {
     display: inline-block;
     text-align: center;
     vertical-align: top;
     width: 100%;
 }
 
 .gallery-item .gallery-columns-2 {
     max-width: 50%;
 }
 
 .gallery-item .gallery-columns-3 {
     max-width: 33.33333%;
 }
 
 .gallery-item .gallery-columns-4 {
     max-width: 25%;
 }
 
 .gallery-item .gallery-columns-5 {
     max-width: 20%;
 }
 
 .gallery-item .gallery-columns-6 {
     max-width: 16.66667%;
 }
 
 .gallery-item .gallery-columns-7 {
     max-width: 14.28571%;
 }
 
 .gallery-item .gallery-columns-8 {
     max-width: 12.5%;
 }
 
 .gallery-item .gallery-columns-9 {
     max-width: 11.11111%;
 }
 
 .gallery-caption {
     display: block;
 }
 /*-------------------------------------------------------------- # Plugin Compatibility --------------------------------------------------------------*/
 /*-------------------------------------------------------------- ## Woocommerce --------------------------------------------------------------*/
 
 .woocommerce-cart-form .shop_table .coupon .input-text {
     width: 8.313rem !important;
 }
 
 .variations_form .variations .value>select {
     margin-bottom: 0.625rem;
 }
 
 .woocommerce-MyAccount-content .col-1,
 .woocommerce-MyAccount-content .col-2 {
     max-width: 100%;
 }
 /*-------------------------------------------------------------- ## Elementor --------------------------------------------------------------*/
 
 .elementor-page article .entry-footer {
     display: none;
 }
 
 .elementor-page.page-template-fullwidth #content.site-content {
     padding-bottom: 0;
     padding-top: 0;
 }
 
 .elementor-page .entry-content {
     margin-top: 0;
 }
 /*-------------------------------------------------------------- ## Visual Composer --------------------------------------------------------------*/
 
 .vc_desktop article .entry-footer {
     display: none;
 }
 
 .vc_desktop #content.site-content {
     padding-bottom: 0;
     padding-top: 0;
 }
 
 .vc_desktop .entry-content {
     margin-top: 0;
 }
 /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 
 footer#colophon {
     font-size: 85%;
 }
 
 body:not(.theme-preset-active) footer#colophon {
     color: #99979c;
     background-color: #f7f7f7;
 }
 
 .navbar-dark .site-info {
     color: #fff;
 }
 
 .copyright {
     font-size: 0.875rem;
     margin-bottom: 0;
     text-align: center;
 }
 
 .copyright a,
 footer#colophon a {
     color: inherit;
 }
 
 @media screen and (max-width: 767px) {
     #masthead .navbar-nav>li>a {
         padding-bottom: 0.938rem;
         padding-top: 0.938rem;
     }
 }
 
 .footer-links {
     width: 100%;
 }
 
 .footer-links span {
     color: #0080FF;
 }
 
 .archive-about p {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
 }
 
 .archive-about h4 {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     text-align: center;
 }
 
 .archive-about img {
     max-height: 175px;
 }
 
 footer {
     margin-top: 28px;
 }
 /*-------------------------------------------------------------- # Media Query --------------------------------------------------------------*/
 /*-------------------------------------------------------------- ## Notebook --------------------------------------------------------------*/
 
 @media only screen and (max-width: 1280px) {
     html {
         font-size: 95%;
     }
 }
 
 @media screen and (max-width: 1199px) {
     .navbar-dark .dropdown-item {
         color: #fff;
     }
     .navbar-nav .dropdown-menu {
         background: transparent;
         box-shadow: none;
         border: none;
     }
 }
 /*-------------------------------------------------------------- ## Netbook --------------------------------------------------------------*/
 
 @media only screen and (max-width: 1024px) {
     html {
         font-size: 90%;
     }
 }
 /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/
 
 @media only screen and (max-width: 960px) {
     html {
         font-size: 85%;
     }
 }
 /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/
 
 @media only screen and (max-width: 768px) {
     html {
         font-size: 80%;
     }
 }
 /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/
 
 @media only screen and (max-width: 480px) {
     html {
         font-size: 75%;
     }
 }
 /***************************/
 
 .header {
     margin-top: 30px;
 }
 
 .header-branding {
     height: 50px;
 }
 
 .site-brand {
     min-width: 120px;
     font-size: 2rem;
     font-weight: 700;
     line-height: 2rem;
 }
 
 .search-form {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 
 .search-form button {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 22px;
     line-height: 30px;
     text-align: center;
 }
 
 .header-nav {
     height: 46px;
     margin-top: 12px;
 }
 
 .header-nav .nav {
     margin-top: -15px;
 }
 
 .header-drop-menu {
     min-width: 190px;
     margin-left: -10px;
 }
 
 .header-branding .search-input {
     height: 46px;
     background: #FAFAFA;
     border-top-color: transparent !important;
 }
 
 .header .header-drop-menu {
     color: #4b4b4b;
     font-weight: 600;
 }
 
 .header .header-drop-menu .dropdown-toggle::after {
     vertical-align: middle;
 }
 
 .header .header-drop-menu .dropdown-menu {
     margin-top: 10px;
     padding: 0 10px;
 }
 
 .header .nav-link {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     line-height: 16px;
     color: #000000;
     padding: .5rem 1rem .5rem 0;
 }
 
 .header .nav-link:hover,
 .header .nav-link:focus {
     color: #0080FF;
 }
 
 .archive-block {
     border: 1px solid #0080FF;
     box-sizing: border-box;
     border-radius: 16px;
 }
 
 .archive-block img {
     width: 137px;
     height: 137px;
     border-radius: 16px;
     object-fit: cover;
 }
 
 .container section {
     /*margin-top: 20px;
    margin-bottom: 60px;
   */
 }
 
 .archive-block-sub h5 {}
 
 .archive-block-sub ul li:before {
     content: "\f054";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 10px;
     line-height: 16px;
     vertical-align: middle;
     padding-right: 7px;
     color: #0080FF;
 }
 
 .archive-block-sub ul li a {
     color: #000;
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     line-height: 16px;
 }
 
 .archive-block-sub ul li a:hover,
 .archive-block-sub ul li a:focus {
     color: #0080FF;
 }
 
 .archive-block-link {
     color: #0080FF;
     font-weight: 500;
 }
 
 .icon-inline {
     font-size: 10px;
     line-height: inheirt;
     vertical-align: middle;
     padding-right: 7px;
     padding-left: 3px;
     color: #0080FF;
 }
 /** * Owl Carousel */
 
 .archive-carousel {}
 
 .archive-carousel p {
     margin-top: 15px;
     margin-bottom: 15px !important;
     text-align: center;
     padding: 0 15px;
     line-height: 16px;
     height: 32px;
     overflow: hidden;
 }
 
 .carousel-wrap {
     margin: 5px auto 0;
     padding: 0 7.5%;
     width: 80%;
     position: relative;
 }
 /* fix blank or flashing items on carousel */
 
 .owl-carousel-default .item {
     position: relative;
     z-index: 100;
     -webkit-backface-visibility: hidden;
 }
 
 .owl-carousel-default {
     position: relative;
 }
 
 .owl-carousel-default .owl-next,
 .owl-carousel-default .owl-prev {
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     position: absolute;
     top: 30%;
     font-size: 20px;
     color: #fff;
     border: 1px solid #ddd;
     text-align: center;
 }
 
 .owl-carousel-default .owl-prev {
     left: -70px;
 }
 
 .owl-carousel-default .owl-next {
     right: -70px;
 }
 
 .owl-carousel-default .owl-prev i,
 .owl-carousel-default .owl-next i {
     font-size: 2rem;
 }
 
 .owl-carousel-default .item img {
     border: 1px solid #0080FF;
     box-sizing: border-box;
     border-radius: 16px;
 }
 
 .owl-carousel-default .item a {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     line-height: 16px;
     color: #000000;
 }
 
 .owl-carousel-default .item a:hover {
     color: #0080FF;
 }
 /** * About Blocks */
 
 .about-block {}
 
 .about-block i {
     color: #0080FF;
     font-size: 64px;
 }
 /** * Footer */
 
 .footer p {
     color: #000;
     font-size: 12px;
     font-weight: normal;
 }
 
 .footer-links a {
     color: #000;
     text-decoration: none;
     padding-left: 5px;
     padding-right: 5px;
     font-size: 12px;
     font-weight: normal;
 }
 
 .footer-links a:hover,
 .footer-links a:focus {
     color: #0080FF;
     text-decoration: none;
 }
 
 h2.section-heading {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: 500;
     font-size: 34px;
     line-height: 46px;
     color: #000000;
     padding-left: 10px !important;
 }
 
 .section-heading {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 22px;
     line-height: 30px;
     color: #000;
 }
 
 .archive-about {
     margin-top: 10px;
 }
 /** * */
 
 .list-page {}
 
 .list-page table {
     width: 100%;
 }
 
 .list-page th span {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 28px;
     line-height: 38px;
     align-items: center;
     text-align: center;
     color: #CBCBCB;
     padding-right: 2px;
 }
 
 .list-page th {
     color: #0080FF;
     font-size: 28px;
     font-weight: normal;
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     line-height: 38px;
     align-items: center;
     text-align: center;
     vertical-align: middle;
 }
 
 .list-page .table tr:first-child th,
 .list-page .table tr:first-child td {
     border-top: none;
 }
 
 .list-page td {
     vertical-align: middle;
 }
 
 .list-img {
     width: 150px;
     height: 125px;
 }
 
 .list-img img {
     width: 100%;
     height: 85px;
     object-fit: contain;
 }
 
 .list-title a {
     font-family: Nunito;
     font-style: normal;
     font-weight: normal;
     font-size: 18px;
     line-height: 25px;
     color: #000000;
 }
 
 .list-title a:hover,
 .list-title a:focus {
     color: #0080FF;
     text-decoration: none;
 }
 
 .list-brand {
     font-family: Nunito;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 20px;
     color: #000000;
     padding-top: 12px;
 }
 
 .list-brand span {
     color: #0080FF;
 }
 
 .list-page .table th,
 .list-page .table td {
     padding: 1.5rem 1.5rem !important;
 }
 
 .list-btn {
     text-align: right;
     min-width: 125px;
 }
 
 .list-btn a {
     width: 165px;
     height: 43px;
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 100%;
     display: inline-flex;
     align-items: center;
     text-align: center;
     color: #FFFFFF;
     border-radius: 0;
     justify-content: center;
 }
 
 .list-progress {
     min-width: 125px;
 }
 /** * progress_circle Bar */
 
 .progress_circle {
     width: 96px;
     height: 96px;
     background: none;
     position: relative;
     line-height: 96px;
     box-shadow: none;
     margin: 0 auto;
 }
 
 .progress_circle::after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 4px solid #eee;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .progress_circle>span {
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }
 
 .progress_circle .progress_circle-left {
     left: 0;
 }
 
 .progress_circle .progress_circle-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 6px;
     border-style: solid;
     position: absolute;
     top: 0;
     transition: width .6s ease;
     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
     -webkit-transition: width .6s ease;
     -o-transition: width .6s ease;
 }
 
 .progress_circle .progress_circle-left .progress_circle-bar {
     left: 100%;
     border-top-right-radius: 48px;
     border-bottom-right-radius: 48px;
     border-left: 0;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }
 
 .progress_circle .progress_circle-right {
     right: 0;
 }
 
 .progress_circle .progress_circle-right .progress_circle-bar {
     left: -100%;
     border-top-left-radius: 48px;
     border-bottom-left-radius: 48px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
 }
 
 .progress_circle .progress_circle-value {
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .progress_circle .border-danger {
     border-color: #ffb43e !important;
 }
 
 .progress_circle .progress_circle-value .h4 {
     font-family: Nunito;
     font-style: normal;
     font-weight: normal;
     font-size: 28px;
     line-height: 38px;
     display: flex;
     align-items: center;
     text-align: center;
     color: #000000;
     margin: 0 auto;
 }
 
 .rounded-lg {
     border-radius: 1rem;
 }
 
 .text-gray {
     color: #aaa;
 }
 
 div.h4 {
     line-height: 1rem;
 }
 
 .list-progress .progress {
     width: calc(50% - 10px);
     float: right;
     right: 10px;
 }
 
 .progress-linear {
     display: table;
     width: 100%;
 }
 
 .progress-linear .progress {
     margin-bottom: 0;
     vertical-align: middle;
 }
 
 .progress-linear .progress-value {
     display: table-cell;
     width: 1%;
     padding: 0 4px;
     font-weight: 500;
 }
 /** * Breadcrumbs */
 
 .breadcrumb {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: .75rem 0;
     margin-bottom: 0;
     list-style: none;
     background-color: transparent;
     border-radius: .25rem;
     margin-bottom: 15px;
 }
 
 .breadcrumb-item a {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 13px;
     line-height: 18px;
     color: #000000;
 }
 
 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: .5rem;
     color: #6c757d;
     font-family: "Font Awesome\ 5 Free";
     font-weight: 900;
     font-size: 12px;
     content: "\f054";
     line-height: 1rem;
     color: #0080FF;
 }
 /** * Heading */
 
 .page-heading {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 48px;
     line-height: 65px;
     padding-bottom: 0;
     color: #000000;
 }
 
 .title-block {
     margin-top: -10px;
 }
 /** * archive-about */
 
 .taxonomy-archive h2 {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     display: flex;
     align-items: center;
     text-align: right;
     color: #000000;
     margin: 0;
     padding: 0;
 }
 
 .taxonomy-archive h2 {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     display: flex;
     align-items: center;
     text-align: right;
     color: #000000;
     font-family: Nunito;
     font-style: normal;
     font-weight: normal;
     font-size: 18px;
     line-height: 25px;
     color: #000000;
     padding: 0;
     margin: 0;
     text-align: left;
 }
 
 .taxonomy-archive img {
     width: 137px;
     height: 137px;
     border-radius: 16px;
     object-fit: contain;
 }
 
 .term_title {
     font-size: 15px;
     color: #24292e;
 }
 
 .term_title a {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     display: flex;
     align-items: center;
     text-align: right;
     color: #000000;
 }
 
 .dropdown-toggle:after {
     margin-left: 5px;
 }
 
 .dropdown-toggle::after {
     display: none;
 }
 
 .dropdown-toggle .icon-inline {
     font-size: 13px;
     line-height: 18px;
     vertical-align: middle;
     padding-right: 5px;
     padding-left: 10px;
     color: #0080FF;
 }
 /** * Header */
 
 .dropdown-menu {
     min-width: 18rem;
 }
 
 .dropdown-menu a {
     font-family: Nunito Sans;
     font-size: 14px;
     line-height: 21px;
 }
 
 .dropdown-menu a:hover {
     color: #0080FF;
 }
 /** * Banner */
 
 .banner_text {
     position: absolute;
     z-index: 99;
     color: #fff;
     padding-left: 7%;
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 45px;
     line-height: 120%;
 }
 
 .banner_text small {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 23px;
     line-height: 31px;
 }
 
 .banner_text span {
     color: #0080FF;
     border-color: #fff;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     font-weight: 500;
     padding: 3px 8px;
     background: linear-gradient(153.58deg, #0080FF 3.04%, rgba(32, 231, 251, 0.3) 3.05%, rgba(91, 195, 239, 0) 3.06%, rgba(255, 255, 255, 0.395455) 3.06%, rgba(32, 232, 252, 0.3) 39.8%, rgba(67, 199, 255, 0.87037) 90.17%), #FFFFFF;
     mix-blend-mode: normal;
     box-shadow: 0px 4px 8px #0368CC;
 }
 
 .banner_text span:after {
     line-break: auto;
 }
 
 .navbar-toggler {
     padding: .25rem .75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
 }
 
 .navbar-toggler-icon:after {
     content: "\f0c9";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     color: #5b5b5b;
     font-size: 20px;
     line-height: 100%;
     vertical-align: middle;
 }
 
 .navbar-toggler:hover .navbar-toggler-icon:after {
     color: #0080FF;
     border: 1px solid transparent;
 }
 
 .navbar-toggler:focus {
     background-color: transparent;
     border: 1px solid transparent;
     outline: none;
 }
 /** * Search */
 
 .btn-search-sm {
     font-size: 18px;
     color: #5b5b5b;
 }
 
 .btn-search-sm i {
     font-size: 18px;
     color: #757575;
 }
 
 .search-form .form-group {
     float: right !important;
     transition: all 0.35s, border-radius 0s;
     width: 32px;
     height: 32px;
     background-color: #fff;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
     border-radius: 25px;
     border: 1px solid #ccc;
 }
 
 .search-form .form-group input.form-control {
     padding-right: 20px;
     border: 0 none;
     background: transparent;
     box-shadow: none;
     display: block;
 }
 
 .search-form .form-group input.form-control::-webkit-input-placeholder {
     display: none;
 }
 
 .search-form .form-group input.form-control:-moz-placeholder {
     /* Firefox 18- */
     display: none;
 }
 
 .search-form .form-group input.form-control::-moz-placeholder {
     /* Firefox 19+ */
     display: none;
 }
 
 .search-form .form-group input.form-control:-ms-input-placeholder {
     display: none;
 }
 
 .search-form .form-group:hover,
 .search-form .form-group.hover {
     width: 100%;
     border-radius: 4px 25px 25px 4px;
 }
 
 .search-form .form-group span.form-control-feedback {
     position: absolute;
     top: -1px;
     right: -2px;
     z-index: 2;
     display: block;
     width: 34px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     color: #3596e0;
     left: initial;
     font-size: 14px;
 }
 /** * Responsiveness */
 
 @media (max-width: 575.98px) {
     .header {
         margin-top: 0;
     }
     .header-branding {
         height: 56px;
         padding-top: 5px;
         margin-bottom: 3px;
         box-shadow: 0px 3px 6px 0 #BBBBBB;
         width: auto;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         overflow: hidden;
         bottom: auto;
         z-index: 99999999;
         background: #fff;
     }
     .home_jumbotron {
         margin-top: 92px !important;
     }
     .site-logo {
         max-height: 40px;
         height: 38px;
     }
     .header .header-branding div {
         text-align: center !important;
         padding: 0 28px;
     }
     .header .header-branding .site-brand {
         margin: 0 auto;
     }
     .banner_text {
         padding-left: 10%;
         font-size: 22px;
         line-height: 120%;
     }
     .banner_text small {
         font-size: 14px;
         line-height: 18px;
     }
     .banner_text span {
         padding: 3px 6px;
     }
     .img-fluid {
         max-width: 100%;
         height: 137px;
         object-fit: contain;
         max-height: 100%;
         object-fit: cover;
     }
     .carousel-wrap,
     .carousel-m {
         padding: 0 15px !important;
     }
     .banner .col-lg-12 {
         padding-left: 0;
         padding-right: 0;
     }
     .footer-main,
     .footer-copyright {
         text-align: center;
     }
     .list-page {}
     .list-page .table tr {
         padding-bottom: 10px;
         border-bottom: 1px solid #ddd;
         margin-bottom: 30px;
         display: block;
     }
     .list-page .list-order,
     .list-page .table th {
         position: absolute;
         background: #0080FF;
         color: #fff !important;
         border-radius: 50%;
         padding: 5px 10px!important;
         vertical-align: middle;
         line-height: 100%;
         text-align: center;
         margin: 0 auto;
         font-size: 20px;
     }
     .list-page .table th,
     .list-page .table td {
         border: none;
     }
     .list-order span {
         display: none;
     }
     .list-page th,
     .list-page td {
         display: block;
     }
     .list-img {
         display: inline-flex !important;
         width: 40%;
         float: left;
     }
     .list-title {
         display: inline-flex !important;
         width: 60%;
         flex-wrap: wrap;
         padding-bottom: 0;
     }
     .list-brand::before {
         display: block;
         content: '\A';
         white-space: pre;
     }
     .list-btn a {
         width: 100%;
         padding: 8px;
     }
     .list-page .table td.list-progress {
         padding: 0 !important;
     }
     .btn-full {
         padding: 0;
         width: 205px;
         height: 44px;
         vertical-align: middle;
         line-height: 44px;
         font-size: 16px;
     }
     .mm-search {
         height: 56px;
         position: fixed;
         top: 0;
         left: 0;
         background: #fff;
         z-index: 9999999999;
         -webkit-transition: all 2s ease;
         -moz-transition: all 2s ease;
         -o-transition: all 2s ease;
         -ms-transition: all 2s ease;
         transition: all 2s ease;
     }
     .mm-search input {
         color: #5b5b5b;
         font-size: 14px;
         height: 56px;
         font-weight: 400;
     }
     .mm_search_open {
         diplay: block !important;
         -webkit-transition: all 2s ease;
         -moz-transition: all 2s ease;
         -o-transition: all 2s ease;
         -ms-transition: all 2s ease;
         transition: all 2s ease;
     }
     .mm_search_close {
         display: none !important;
     }
 }
 
 @media (min-width: 576px) and (max-width: 767.98px) {}
 
 @media (min-width: 768px) and (max-width: 991.98px) {}
 
 @media (min-width: 992px) and (max-width: 1199.98px) {}
 
 @media (min-width: 1200px) {}
 /* The side navigation menu */
 
 .menu_active {
     width: 250px !important;
     left: 0 !important;
 }
 
 .mobile_menu {
     height: 100%;
     width: 250px;
     position: fixed;
     z-index: 999;
     top: 56px;
     left: -251px;
     background-color: #fff;
     overflow-x: hidden;
     padding-top: 50px;
     transition: .5s;
     border-right: 1px solid #ddd;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
     bottom: 0;
     padding-bottom: 70px;
 }
 /* The navigation menu links */
 
 .mobile_menu a {
     padding: 6px 10px;
     text-decoration: none;
     font-size: 14px;
     color: #000;
     display: block;
 }
 /* When you mouse over the navigation links, change their color */
 
 .mobile_menu a:hover {
     color: #fff !important;
 }
 /* Position and style the close button (top right corner) */
 
 .mobile_menu .mm-close {
     position: absolute;
     top: 0;
     right: 2px;
     font-size: 24px;
     margin-left: auto;
     color: #5b5b5b;
 }
 /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
 
 @media screen and (max-height: 450px) {
     .mobile_menu {
         padding-top: 15px;
     }
     .mobile_menu a {
         font-size: 18px;
     }
 }
 /** * 404 page */
 
 .error_page .img-404 {
     height: 400px;
     width: 100%;
     object-fit: contain;
     padding: 25px;
 }
 /* custom */
 
 .all_cat {
     padding: 10px;
     min-width: 200px;
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     border-radius: 0;
 }
 /* Small devices (landscape phones, 576px and up) */
 
 @media (max-width: 575px) {
     h1.page-heading {
         font-family: Nunito Sans;
         font-style: normal;
         font-weight: bold;
         font-size: 20px;
         line-height: 27px;
         color: #000000;
     }
     .list-title a {
         font-family: Nunito;
         font-style: normal;
         font-weight: normal;
         font-size: 14px !important;
         line-height: 19px !important;
         color: #000000;
         max-height: 76px;
         word-wrap: break-word !important;
         overflow: hidden;
     }
     .list-brand {
         font-family: Nunito;
         font-style: normal;
         font-weight: normal;
         font-size: 12px;
         line-height: 22px;
         color: #000000;
         padding-top: 10px;
     }
     .list-brand::before {
         display: none;
     }
     .list-button {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
     .progress-linear {
         width: calc(100% - 30px);
         margin-left: 15px;
     }
     .progress {
         display: -ms-flexbox;
         display: flex;
         height: 4px;
     }
     .progress-linear .progress-value {
         font-family: Nunito;
         font-style: normal;
         font-weight: bold;
         font-size: 14px;
         line-height: 19px;
         color: #000000;
     }
     .cat-item {
         /* display: none; */
     }
     .breadcrumb-home {
         /* display: none; */
     }
     .breadcrumb-cat-m {
         padding-bottom: 12px;
     }
     .breadcrumb-cat-m a {
         font-family: Nunito Sans;
         font-style: normal;
         font-weight: normal;
         font-size: 14px;
         line-height: 19px;
         color: #0080FF;
     }
     .archive-block-sub {
         /* display: none;
        */
     }
     .breadcrumb-item .j-big {
         font-size: 20px !important;
         font-weight: bold;
     }
     .breadcrumb-cat-m:before {
         /* content: "\f053" !important; */
     }
     /* fix blank or flashing items on carousel */
     .owl-carousel-m .item {
         position: relative;
         z-index: 100;
         -webkit-backface-visibility: hidden;
     }
     .owl-carousel-m {
         position: relative;
     }
     .owl-carousel-m .owl-next,
     .owl-carousel-m .owl-prev {
         display: none;
     }
     .owl-carousel-m .owl-prev {
         left: -70px;
     }
     .owl-carousel-m .owl-next {
         right: -70px;
     }
     .owl-carousel-m .owl-prev i,
     .owl-carousel-m .owl-next i {
         font-size: 2rem;
     }
     .owl-carousel-m .item img {
         border: 1px solid #0080FF;
         box-sizing: border-box;
         border-radius: 16px;
     }
     .owl-carousel-m .item a {
         font-family: Nunito Sans;
         font-style: normal;
         font-weight: normal;
         font-size: 12px;
         line-height: 16px;
         color: #000000;
     }
     .owl-carousel-m .item a:hover {
         color: #0080FF;
     }
     .carousel-m {
         margin: 5px auto 0;
         padding: 0 7.5%;
         width: 80%;
         position: relative;
     }
 }
 /* Medium devices (tablets, 768px and up) */
 
 @media (min-width: 768px) {}
 /* Large devices (desktops, 992px and up) */
 
 @media (min-width: 992px) {}
 /* Extra large devices (large desktops, 1200px and up) */
 
 @media (min-width: 1200px) {}
 
 .home_jumbotron {
     margin-bottom: 30px;
     margin-top: 20px;
 }
 
 .home_jumbotron .item-desc {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 20px;
     line-height: 27px;
     margin-top: 30px;
     padding-left: 25px;
     padding-right: 25px;
     margin-bottom: 15px;
 }
 
 .main-image {
     width: 100%;
     height: 372px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 57.92%, rgba(2, 2, 2, 0.87) 100%), url(81bfogPFL7L._SL1500_.jpg);
     border: 1px solid #0080FF;
     box-sizing: border-box;
     border-radius: 16px;
 }
 
 .small-image {
     width: 165px;
     height: 110px;
     border: 1px solid #0080FF;
     box-sizing: border-box;
     border-radius: 16px;
     display: inline-block;
     float: left;
     margin-right: 30px;
 }
 
 .home_jumbotron .item {
     margin-bottom: 20px;
     display: block;
     overflow: hidden;
 }
 
 .home_jumbotron .item .item-details {
     display: inline-block;
     width: auto;
 }
 
 .home_jumbotron .item h3 {
     font-family: Nunito Sans;
     font-weight: 700;
     font-size: 22px;
     line-height: 32px;
     margin-bottom: 5px;
     margin-top: 0;
 }
 
 .home_jumbotron .item a {
     color: #0080FF;
     font-family: Nunito Sans;
     font-weight: normal;
     font-size: 16px;
     line-height: 22px;
     font-weight: 600;
 }
 
 .home_jumbotron .item .date {
     color: #7b7b7b;
 }
 
 .home_jumbotron .section-left .date {
     font-family: Nunito Sans;
     font-weight: normal;
     font-size: 14px;
     line-height: 20px;
     font-weight: 600;
     padding-right: 15px;
     padding-left: 15px;
     color: #0080FF;
 }
 /* Featured Item */
 
 .featured_item {
     margin-bottom: 60px;
 }
 
 .featured_item img {
     border: 1px solid #0080FF;
     border-radius: 16px;
     margin-bottom: 30px;
     width: 360px;
     height: 240px;
     object-fit: cover;
 }
 
 .featured_item h2 {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: 500;
     font-size: 34px;
     line-height: 46px;
     color: #000000;
 }
 
 .featured_item h3 {
     font-family: Nunito Sans;
     font-weight: 700;
     font-size: 22px;
     line-height: 32px;
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
 .featured_item .category {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 22px;
     color: #0080FF;
 }
 
 .featured_item .item_desc {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 22px;
     border-bottom: 1px solid #0080FF;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }
 
 .featured_item .more_list {}
 
 .featured_item .item_details {
     padding-left: 30px;
     padding-right: 30px;
 }
 
 .featured_item ul li.extra_list {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 28px;
     list-style: none;
     padding-left: 0;
     margin-left: 0;
 }
 
 .featured_item ul {
     list-style: none;
     padding-left: 0;
     margin-left: 0;
 }
 
 .see_all {
     font-family: Nunito Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     vertical-align: middle;
     text-align: right;
 }
 
 @media screen and (max-width: 990px) {
     .home_jumbotron .item .item-details {
         margin-left: 15px;
     }
     .home_jumbotron .item h3 {
         font-size: 17px;
     }
 }
 
 @media (min-width: 768px) {
     .site-brand {
         width: 100%;
         min-width: 100%;
     }
 }
 
 @media screen and (max-width: 600px) {
     h2.section-heading {
         font-weight: normal;
         font-size: 22px;
         line-height: 30px;
         margin: 0 10px 5px;
     }
     .home_jumbotron .item-desc {
         font-size: 16px;
         line-height: 22px;
         padding-left: 15px;
         padding-right: 15px;
     }
     section {
         margin-top: 85px !important;
     }
     .taxonomy-archive {
         margin-top: 70px !important;
     }
     .breadcrumb-item .j-big {
         line-height: 40px !important;
     }
     .breadcrumb {
         margin-bottom: 20px !important;
     }
     .main-image {
         width: 100%;
         height: 194px;
         object-fit: cover;
     }
     .img-h {
         top: 38% !important;
         width: 92%;
         padding: 0 15px 0 15px !important;
     }
     .title-h {
         font-size: 19px !important;
     }
     .tax {
         font-size: 14px !important;
         line-height: 1 !important;
     }
     .home_jumbotron .item-desc {
         margin-top: 15px;
     }
     .section-left {
         margin-bottom: 20px;
     }
     .small-image {
         width: 150px;
         height: 120px;
         margin-right: 15px;
     }
     .home_jumbotron .item h3 {
         font-weight: 700;
         font-size: 16px;
         line-height: 24px;
         margin-bottom: 5px;
         margin-top: 0;
     }
     .home_jumbotron .item a {
         font-size: 14px;
         line-height: 22px;
         font-weight: 500;
     }
     .date {
         font-size: 14px;
         line-height: 22px;
         font-weight: 500;
     }
     .featured_item img {
         width: 100%;
         height: 190px;
         object-fit: cover;
         margin-bottom: 15px;
     }
     .featured_item h3 {
         font-weight: 700;
         font-size: 18px;
         line-height: 28px;
         margin-bottom: 5px;
         margin-top: 0;
     }
     .featured_item {
         margin-bottom: 20px;
     }
     .featured_item .category {
         font-size: 15px;
         line-height: 20px;
     }
     .featured_item ul li.extra_list {
         font-weight: 700;
         font-size: 16px;
         line-height: 24px;
         list-style: none;
     }
     .footer,
     .footer-before {
         margin-left: -15px;
         margin-right: -15px;
         overflow: hidden;
     }
 }
 
 .extra_list a {
     color: #000;
 }
 
 .form-control:focus {
     box-shadow: none !important;
     border-color: transparent !important;
 }
 
 .btn-primary.focus,
 .btn-primary:focus {
     box-shadow: none !important;
 }
 
 .category-pagination {
     justify-content: space-between;
     display: flex;
 }
 
 .home_jumbotron .item h3 {
     width: auto !important;
 }
 
 .search-icon {
     vertical-align: middle;
     line-height: 46px;
     position: absolute;
     z-index: 555;
     padding-left: 15px;
     color: #737373;
 }
 
 .search-input {
     padding-left: 45px;
 }
 
 .search-b {
     padding-left: 36px;
     padding-right: 0;
 }
 
 .score_progress {
     position: relative;
 }
 
 .circle span {
     position: absolute;
     top: 4px;
     left: 0;
     width: 100%;
     text-align: center;
     line-height: 96px;
     font-weight: normal;
     font-size: 28px;
     vertical-align: middle;
 }
 
 .j-big {
     display: block;
     left: -35px;
     position: relative;
     font-size: 48px !important;
     line-height: 65px !important;
 }
 
 .row.d-flex {
     height: 100vw;
     max-height: calc(100vh * 2);
 }
 
 @media (min-width: 600px) {
     .pb-3 {
         flex: initial;
         display: block;
     }
 }
 
 @media (min-width: 600px) and (max-width: 730px) {
     .row.d-flex {
         max-height: 1200px;
         height: 1200px;
     }
 }
 
 @media (min-width: 731px) and (max-width: 1200px) {
     .row.d-flex {
         max-height: 1200px;
     }
 }
 
 .item_desc p {
     height: auto !important;
     margin-bottom: 5px !important;
 }
 
 .featured_item h3 {
     font-size: 22px !important;
     line-height: 40px !important;
     height: auto !important;
 }
 
 .featured_item h3 a {
     color: #000;
 }
 
 .item .item-details h3 a {
     color: #000;
     font-size: 20px !important;
 }
 
 .featured_item h3 a:hover {
     text-decoration: none !important;
 }
 
 .item-details h3 a:hover {
     text-decoration: none !important;
 }
 
 a {
     transition: all 0.2 ease;
 }
 
 a:hover {
     text-decoration: none !important;
     color: #00A2FF !important;
 }
 
 .search .amzn-native-container {
     margin-left: auto;
     margin-right: auto;
 }
 
 .img-h {
     position: absolute;
     max-height: 372px;
     display: block;
     height: auto;
     top: 55%;
     padding: 0 25px 0;
 }
 
 .title-h {
     display: block;
     position: relative;
     color: #fff;
     font-size: 24px;
     line-height: 36px;
 }
 
 .tax {
     display: block;
     position: relative;
     color: #fff;
     font-size: 16px;
     line-height: 24px;
 }
 
 .tax a {
     color: #fff !important;
 }
 
 .title-h a {
     color: #fff !important;
     font-weight: bold;
 }