body{
    font-family: 'Poppins';
    color:#000000;
    font-size: 14px;
}



* {
  box-sizing: border-box;
}


*, *:before, *:after {
  box-sizing: border-box;
}


h1, h2, h3, h4, h5, h6{
color: #000000;
    font-family: 'Poppins';
    font-weight: 500;
}  


P{
   font-size: 15px;
   color: #000000;
   font-weight: 300;
}



input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] {
    background: #ffffff;
    border: 1px solid #ababab;
    border-radius: 0px;
    font-family: 'Poppins';
    font-size: 13px;
    height: 49px;
    padding: 0 9px;
    width: 100%;
    color:#000000;
    font-weight: 400;
}


 select {
    border: solid 1px #ababab;
    height: 48px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins';
}

input[type="text"]::-webkit-input-placeholder, 
input[type="password"]::-webkit-input-placeholder, 
input[type="tel"]::-webkit-input-placeholder, 
input[type="search"]::-webkit-input-placeholder, 
input[type="number"]::-webkit-input-placeholder, 
input[type="email"]::-webkit-input-placeholder{
color:#000000;
    font-size: 13px;
}

input[type="text"]:-ms-input-placeholder, 
input[type="password"]:-ms-input-placeholder, 
input[type="tel"]:-ms-input-placeholder, 
input[type="search"]:-ms-input-placeholder, 
input[type="number"]:-ms-input-placeholder, 
input[type="email"]:-ms-input-placeholder{
color:#000000;
    font-size: 13px;
}


input[type="text"]::placeholder, 
input[type="password"]::placeholder, 
input[type="tel"]::placeholder, 
input[type="search"]::placeholder, 
input[type="number"]::placeholder, 
input[type="email"]::placeholder{
color:#000000;
    font-size: 13px;
}




textarea{
    background: #ffffff;
    border: 1px solid #ababab;    
        font-family: 'Poppins';
    font-size: 13px;
        border-radius: 0px;
            color:#000000;
    font-weight: 600;
    height: auto;
}


textarea::-webkit-input-placeholder{
color:#000000;    
}


textarea:-ms-input-placeholder{
color:#000000;    
}


textarea::placeholder{
color:#000000;    
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




.amform-form .action.primary, 
.amform-parent .action.primary, 
.amform-form .amshopby-button, 
.amform-parent .amshopby-button,
.amform-form .am-filter-go, 
.amform-parent .am-filter-go,
.cart-summary .actions-toolbar > .primary button,
.cart-container .form-cart .action.continue,
button, .cart.table-wrapper .actions-toolbar > .action, .action-gift,
.action.primary, .action-primary, .amshopby-button, .am-filter-go {
    background: #f22b0c;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    padding: 0px 28px;
    border-radius: 3px;
    line-height: 39px;
    color: #fff;
}





.cart-summary .actions-toolbar > .primary button span,
.cart-container .form-cart .action.continue span,
button span, .cart.table-wrapper .actions-toolbar > .action span, .action-gift span,
.action.primary span, .action-primary span{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    color: #fff;
}



.cart-summary .actions-toolbar > .primary button:focus,
.cart-summary .actions-toolbar > .primary button:hover,
.cart-container .form-cart .action.continue:focus,
.cart-container .form-cart .action.continue:hover,
button:focus, .cart.table-wrapper .actions-toolbar > .action:focus, .action-gift:focus,
.action.primary:focus, .action-primary:focus, .amshopby-button:focus, .am-filter-go:focus,
button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover,
.action.primary:hover, .action-primary:hover, .amshopby-button:hover, .am-filter-go:hover{
    background: #1f2b36;
    border: none;
}


rs-layer,
.rs-parallax-wrap 
.tparrows{
 font-family: 'Poppins' !important;

}



.rev-btn{
background: #f22b0c !important;    
}


/* =========================================
Header css start here
======================================= */


.panel.wrapper {
    background: #f22b0c;
}

.panel.wrapper .panel.header ul.header.links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    padding: 0 9px;
}

.panel.wrapper .panel.header ul.header.links li {
    margin: 0px;
}

.panel.wrapper .panel.header ul.header.links li a:before {
    content: "";
    border-right: solid 1px #fff;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 5px;
}

.panel.wrapper .panel.header ul.header.links li {
    margin: 0px;
}


.page-header .panel.wrapper .panel.header {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.panel.wrapper .panel.header .head-left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.panel.wrapper .panel.header .head-left ul li {
    margin-bottom: 0px;
    color: #fff;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.panel.wrapper .panel.header .head-left ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}



.panel.wrapper .panel.header .head-left ul li span.icon {
    font-size: 19px;
    margin-right: 9px;
}


.page-header .panel.wrapper .panel.header .headers_links {
    margin-left: auto;
}

.page-header .panel.wrapper .panel.header .headers_links ul.header.links {
    display: flex;
    margin-right: auto;
}


.page-header .panel.wrapper .panel.header .headers_links ul.header.links li {
    padding-left: 21px;
    margin-bottom: 0px;
    position: relative;
}


.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:before {
    content: "";
    width: 1px;
    height: 13px;
    background: #f66b55;
    position: absolute;
    left: 9px;
    top: 4px;
}


.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:first-child:before{
   display: none; 
}




.page-header .panel.wrapper .panel.header .headers_links ul.header.links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.page-header .header.content {
padding-top: 14px;
    padding-bottom: 14px;
}

.page-header .header.content .block.block-search {
     display: block;
    width: 100%;
    max-width: 340px;
    margin-top: 14px;
}

.page-header .header.content .block.block-search .control {
margin-bottom: 0px;
    padding-bottom: 0px;
}

.page-header .header.content .block.block-search {
    display: block;
    width: 100%;
    max-width: 340px;
}

.page-header .header.content .block.block-search button.action.search {
    width: 41px;
    height: 54px;
    right: 0px;
    padding: 0px;
}

.page-header .header.content .block.block-search button.action.search::before {
    color: #000;
    font-size: 33px;
}

.page-header .header.content .block.block-search .control input[type=text] {
    height: 55px;
    border-radius: 0px;
    width: 100%;
    border: solid 1px #1f2b36;
    padding: 0 14px;
    font-size: 13px;
     font-family: 'Poppins';
}

.block.block-search .control .mst-searchautocomplete__autocomplete {
border: solid 1px #eeeeee;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    left: inherit !important;
    right: 0px;
}

.block.block-search .control .mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
    margin: 0px;
    background: #f5f6f8;
}

.block.block-search .control .mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title span {
    font-size: 12px;
    font-weight: 600;
    color: #1f2b36;
}
.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item a {
    color: #1f2b36;
    font-size: 13px;
    font-weight: 400;
}

.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item .meta .title a {
    font-size: 15px;
    font-weight: 500;
    color: #1f2b36;
}

.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item .description p span.mst-searchautocomplete__highlight,
.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item .meta .title a span.mst-searchautocomplete__highlight {
    background: #f22b0c;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    padding: 2px 5px;
}


.block.block-search .control .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
    background: #f22b0c;
}

.block.block-search .control .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
    color: #fff;
}

.sidebar-main .block.filter .filter-content dl.filter-options dd.filter-options-content li.item {
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 9px;
    padding-top: 4px;
}

.sidebar-main .block.filter .filter-content dl.filter-options dd.filter-options-content li.item a {
    color: #1f2b36;
    font-size: 13px;
}

.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item .description p {
    font-size: 13px;
}

.block.block-search .control .mst-searchautocomplete__autocomplete ul li.mst-searchautocomplete__item .store span.price {
    font-size: 16px;
    color: #1f2b36;
}

.page-header .header.content .block.block-search .control input[type=text]::-webkit-input-placeholder { /* Edge */
  color: #1f2b36;
}

.page-header .header.content .block.block-search .control input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1f2b36;
}

.page-header .header.content .block.block-search .control input[type=text]::placeholder {
  color: #1f2b36;
}



.header-usp {
    background: #1f2b36;
}

.header-usp .header-usp-inner {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}

.header-usp .header-usp-inner ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
}

.header-usp .header-usp-inner ul li {
    margin-bottom: 0px;
}

.header-usp .header-usp-inner ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    display: block;
    padding: 22px 0;
}

.header-usp .header-usp-inner ul li a i.fa {
    margin-left: 12px;
    display: inline-block;
    font-size: 18px;
}


.page-header .header.content a.logo {
    margin-bottom: 0px;
}

.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link.-main.-parent {
font-size: 16px;
    font-weight: 300;
    padding:18px 13px;
}

.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item section.ammenu-submenu-container ul.ammenu-item {
    padding: 14px;
    max-width: 300px;
}

.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item section.ammenu-submenu-container ul.ammenu-item li.ammenu-wrapper.category-item {
    margin-bottom: 11px;
}

.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item section.ammenu-submenu-container ul.ammenu-item li.ammenu-wrapper.category-item a.ammenu-link.-level1 {
    color: #1f2b36;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 0px;
}


.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item section.ammenu-submenu-container ul.ammenu-item li.ammenu-wrapper.category-item a.ammenu-link.-level1.current span.ammenu-wrapper {
    color: #1f2b36!important;
}


.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item section.ammenu-submenu-container ul.ammenu-item li.ammenu-wrapper.category-item a.ammenu-link.-level1:before {
content: "";
    background: #ffffff;
    border-radius: 50%;
    width: 10px;
    margin: 1px 0 0 -18px;
    top: 4px;
    height: 10px;
    position: absolute;
    display: inline-block;
    border: 2px solid #929292;
}


.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link.-main.-parent:hover{
background: #1f2b36;
    color: #fff !important;
}


.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.active,
.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item:hover {
    background: #1f2b36;
      color: #fff !important;
}


.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item:hover a.ammenu-link.-main.-parent{
         color: #fff !important;
}

.menu_cart_wrapper .ammenu-nav-sections.nav-sections {
    margin-bottom: 0px;
}


.menu_cart_wrapper {
    position: relative;
}

.menu_cart_wrapper .minicart-wrapper a.action.showcart {
    width: 47px;
    height: 47px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 47px;
}


.menu_cart_wrapper .minicart-wrapper a.action.showcart:before {
    background-image: url(../images/cart.svg);
    background-size: 28px;
    content: "";
    background-repeat: no-repeat;
    width: 28px;
    display: block;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 11px auto;
}




/* ..................Home page css start here............... */

.container{
box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;  
}





.cms-index-index main.page-main {
    max-width: 100%;
    padding: 0px;
}


.featured-categories {
    background-color: #f5f6f8;
    padding:10px 0 30px;
}

.page-banner .block.block-static-block {
    margin-bottom: 0px;
}


.featured-products .block-title,
.subtitle {
    text-align: center;
    padding: 30px 0;
}


.blog-twitter-wrapper h3 strong:before,
.contactform .contact-block-wrapper .form-address h1 strong:before,
.featured-products .block-title strong:before,
.subtitle h2:before {
    content: "";
    width: 60%;
    background: #f22b0c;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.featured-products .block-title strong,
.subtitle h2 {
    margin: 0px;
    position: relative;
    display: inline-block;
    padding: 11px 0;
    font-size: 27px;
    font-weight: 500;
}



.page-banner .block-static-block [data-content-type='html']>p {
    display: none;
}

.sacle_images {
    padding-bottom: 75px;
}

.featured-products {
    padding:10px 0 0px;
}


.cms-index-index .products-grid .product-item-actions{
display: none;
}



.page-layout-1column .featured-products .products-grid.grid ol.product-items li.product-item {
    width: 100%;
}


.cms-index-index .block-products-list .pager {
    display: none;
}


.products-grid.grid ol.product-items li.product-item .product-item-details strong.product-item-name a.product-item-link {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    min-height: 43px;
    display: block;
}

.products-grid.grid ol.product-items li.product-item .product-item-details strong.product-item-name a.product-item-link:hover{
  color:#f22b0c;
  text-decoration: none;  
}



.products-grid.grid ol.product-items li.product-item .product-item-details .price-box span.price {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.products-grid.grid ol.product-items li.product-item .product-item-details .stock.unavailable span {
background: #9eadbc;
    border: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins';
    padding: 0px 45px;
    border-radius: 30px;
    line-height: 46px;
    display: inline-block;
    color: #1f2b36;
    opacity: 0.4;
}


.sacle_images .home-block-add {
    display: flex;
    justify-content: space-between;
}

.sacle_images .home-block-add .home-block-banner {
 width: 48.333%;
    position: relative;
}

.sacle_images .home-block-add .home-block-banner .home-block-img {
    position: relative;
        overflow: hidden;
}

.sacle_images .home-block-add .home-block-banner .home-block-img:before {
    content: "";
    background-color:rgba(0,0,0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.sacle_images .home-block-add .home-block-banner h3 {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 33px;
    font-weight: 700;
        z-index: 5;
}

.sacle_images .home-block-add .home-block-banner .home-block-img img {
    vertical-align: bottom;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}


.sacle_images .home-block-add .home-block-banner .home-block-img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}



.sacle_images .home-block-add .home-block-banner h3 {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
    right: 0;
    text-align: center;
}

.contactform {
    background: #f5f6f8;
    padding: 70px 0;
}



.contactform .contact-block-wrapper .form-address form.rendered-form {
    margin-top: 54px;
}

.contactform .contact-block-wrapper {
    width: 100%;
    display: flex;
    background: #ffffff;
    box-shadow: 9px 9px 12px 11px #f1f1f1;
        border-radius: 30px;
}

.contactform .contact-block-wrapper .form-address {
    width: 50%;
}

.contactform .contact-block-wrapper .map {
    width: 50%;
}

.contactform .contact-block-wrapper .map iframe {
    height: 100%;
    width: 100%;
}

.contactform .contact-block-wrapper .form-address h1 strong {
    font-weight: 600;
    font-size: 35px;
    position: relative;
    display: inline-block;
    padding: 11px 0;
}

.contactform .contact-block-wrapper .form-address h1 {
    margin-bottom: 18px;
}

.contactform .contact-block-wrapper .form-address h1 strong:before {
    margin: 0;
}

.contactform .contact-block-wrapper .form-address p,
.contactform .contact-block-wrapper .form-address p a {
    color: #000000;
    font-weight: 400;
    position: relative;
    display: flex;
   
}


.contactform .contact-block-wrapper .form-address p{
    margin-bottom: 11px;
    max-width: 396px;  
}


.contactform .contact-block-wrapper .form-address p.em:before,
.contactform .contact-block-wrapper .form-address p.ph:before,
.contactform .contact-block-wrapper .form-address p.add:before {
    background-image: url(../images/map.svg);
    content: "";
    width: 20px;
    height: 20px;
    background-size: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 9px;
}


.contactform .contact-block-wrapper .form-address p.add:before {
    width: 27px;
    height: 23px;
    margin-top: 4px;
}




.contactform .contact-block-wrapper .form-address p.ph:before{
    background-image: url(../images/phone.svg);
width: 20px;
    height: 21px;
    background-size: contain;
}

.contactform .contact-block-wrapper .form-address p.em:before{
    background-image: url(../images/email.svg);
        background-size: 20px;
    background-position: 0px 3px;
}

.contactform .contact-block-wrapper .form-address {
    width: 50%;
    padding: 30px 33px;
}

.tweets {
    background: #ffffff;
    padding: 44px 0 0px;
}

.blog-twitter-wrapper h3 strong {
width:auto;
font-size: 27px;
font-weight: 500;
position: relative;
display: inline-block;
padding: 11px 0;
}

.blog-twitter-wrapper h3 a.twitter-timeline {
    font-size: 14px;
}

.blog-twitter-wrapper .blog-sec .blog-post .block-title strong {
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 600;
}

.blog-twitter-wrapper .blog-sec .blog-post .blog-post-img img {
    width: 100%;
    height: 237px;
    object-fit: cover;
    object-position: center;
}

.blog-twitter-wrapper .blog-sec .blog-post .block-title {
    display: none;
}



.blog-twitter-wrapper .blog-sec .blog-post-content {
    display: none;
}

.blog-twitter-wrapper .blog-sec .blog-sidebar-block ul.block-recent-posts {
    margin: 0px;
    display: block;
}

.blog-twitter-wrapper .blog-sec .blog-sidebar-block ul.block-recent-posts li.block-recent-posts-item {
    max-width: 100%;
    padding-left: 0px;
    margin-left: 0px;
}

.blog-twitter-wrapper .blog-sec .blog-post .block-recent-posts-item a{
font-size: 18px;
    margin-bottom: 19px;
    font-weight: 600;
    display: block;
}

.blog-twitter-wrapper .blog-sec .blog-post li.block-recent-posts-item .description_blog p {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    margin-bottom: 20px;
}

.blog-twitter-wrapper .blog-sec .blog-post li.block-recent-posts-item .description_blog a.blog_readmore {
    color: #f22b0c;
    position: relative;
    font-size: 15px;
}

.blog-twitter-wrapper .blog-sec .blog-post li.block-recent-posts-item .description_blog a.blog_readmore:before {
    content: "";
    width: 65px;
    background: #f22b0c;
    height: 2px;
    position: absolute;
    bottom: -2px;
}



.blog-twitter-wrapper .blog-sec .blog-post .blog-post-content .action a.readmore {
color: #f22b0c;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 6px;
}


.blog-twitter-wrapper .blog-sec .blog-post .blog-post-content .action a.readmore:before {
    content: "";
    width: 60px;
    background: #f22b0c;
    height: 2px;
    position: absolute;
    bottom: 0px;
}

.blog-twitter-wrapper h3 strong:before {
    margin: 0px;
}

.blog-twitter-wrapper h3 a strong {
    color: #000;
}

.blog-twitter-wrapper .blog-sec h3 {
    width: 100%;
    margin-bottom: 33px;
}


.blog-twitter-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.blog-twitter-wrapper .blog-sec {
    width: 68%;
}

.blog-sec .title {
    display: flex;
    align-items: center;
}

.blog-sec .title .button-blog a {
    background: #f22b0c;
    display: inline-block;
    color: #fff;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.blog-twitter-wrapper .blog-sec .blog-sec-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.blog-twitter-wrapper .blog-sec .blog-post li.block-recent-posts-item {
    margin: 0px;
}

.blog-twitter-wrapper .blog-sec .blog-post li.block-recent-posts-item .blog-post-img {
    margin-bottom: 18px;
}


.blog-twitter-wrapper .blog-sec .blog-post {
    width: 48%;
}


.blog-twitter-wrapper .twitter-sec {
    width: 28%;
    margin-left: auto;
}
.blog-twitter-wrapper .twitter-sec .iframe-twitter iframe {
    width: 100% !important;
}

/*li.product-item a.product-item-photo {
    display: block;
}*/

li.product-item a.product-item-photo span.product-image-container {
    display: block;
    margin: 0 auto;
}


.featured-products .products-grid li.product-item .product-item-info {
    padding: 0 20px;
}



/*....nested section start.......*/
.nested {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

.key-page img {
    width: 100%;
    height: auto;
}

.nested .key-page .key-slide {
  bottom: 0;
    background: rgb(58 154 204 / 67%);
    background: -moz-linear-gradient(left,#f22b0c 0%,#f22b0c 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f22b0c),color-stop(100%,rgb(4 126 189 / 56%)));
    background: -webkit-linear-gradient(left,#f22b0c 0%,rgb(4 126 189 / 59%) 100%);
    background: -o-linear-gradient(left,#f22b0c 0%,#f22b0c 100%);
    background: -ms-linear-gradient(left,#f22b0c 0%,#f22b0c 100%);
    background: linear-gradient(to right,rgb(242 43 12 / 73%) 0%,rgb(242 43 12 / 44%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$col-1',endColorstr='$col-2',GradientType=0 );
    color: #fff;
    padding: 9px 20px;
}

.key-page div h2 {
    font-size: 20px;
    line-height: normal;
    height: 55px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 300;
}


.nested .key-page .key-slide p {
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
}
.nested .key-page .key-slide * {
    color: #fff;text-decoration: none;
}

.nested .key-page {
    width: 32%;
    margin: 0 0 40px 0;
    box-sizing: border-box;
    border: solid 15px #fff;
    box-shadow: 9px 9px 12px 11px #f1f1f1;
    overflow: hidden;
    position: relative;
    line-height: 0px;
    background: #ffffff;
}

.nested .key-page>a {
    display: block;
}


.key-page .key-slide {
position: absolute;
    top: 80%;
    width:100%;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
font-size: 16px;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}



.nested .key-page:hover .key-slide {
    top: 0;
    bottom: 0px;
    background: rgb(31 43 54 / 67%);
    background: -moz-linear-gradient(left,#1f2b36 0%,#1f2b36 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#1f2b36),color-stop(100%,rgb(4 126 189 / 56%)));
    background: -webkit-linear-gradient(left,#1f2b36 0%,rgb(31 43 54 / 59%) 100%);
    background: -o-linear-gradient(left,#1f2b36 0%,#1f2b36 100%);
    background: -ms-linear-gradient(left,#1f2b36 0%,#1f2b36 100%);
    background: linear-gradient(to right,rgb(31 43 54 / 73%) 0%,rgb(31 43 54 / 44%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$col-1',endColorstr='$col-2',GradientType=0 );
}      

.key-pages-container .key-page div {
    height: 100%; 
}
/*...nested section end.........*/



.products.list.products-list ol.product-items .product-item-details .old-price {
    text-decoration: none;
    padding-left: 24px
}

.products.list.products-list ol.product-items .product-item-details .old-price .price-wrapper span.price {
    position: relative;
}
.products.list.products-list ol.product-items .product-item-details .old-price .price-wrapper span.price:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #000000;
    transform: translate(0px, -50%);
}


.categories-content h2 {
    margin-top: 0px;
    background: #f5f6f8;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 18px 25px;
    text-align: center;
}

.categories-content p {
    line-height: 22px;
    margin-bottom: 18px;
}


.featured-products .products-grid.grid .owl-nav button {
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
}

.featured-products .products-grid.grid .owl-nav button span {
    display: block;
    width: 44px;
    background: #f22b0c;
    height: 44px;
    border-radius: 50%;
        font-size: 0px;
}


.featured-products .products-grid.grid .owl-nav button span:hover{
 background:#1f2b36;
}






.featured-products .products-grid.grid .owl-nav button:focus,
.featured-products .products-grid.grid .owl-nav button:active,
.featured-products .products-grid.grid .owl-nav button:hover {
    border: none;
    outline: none;
    box-shadow: none;
}

.featured-products .products-grid.grid .owl-nav button.owl-next span:before,
.featured-products .products-grid.grid .owl-nav button.owl-prev span:before {
    content: "\f104";
    color: #fff;
    font-family: FontAwesome;
    font-size: 24px;
    position: relative;
    top: 3px;
}

.featured-products .products-grid.grid .owl-nav button.owl-next span:before{
   content: "\f105";    
}

.featured-products .products-grid.grid .owl-nav button.owl-prev {
    left:3px;
}

.featured-products .products-grid.grid .owl-nav button.owl-next {
    right: -39px;
}



/* ================================================
Product Detail page css start here
================================================ */

.product.media .gallery-placeholder .fotorama-item .fotorama__stage {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 96% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 24px;
}


.breadcrumbs_content {
    background: #f5f6f8;
    margin-top: 0px;
    margin-bottom: 45px;
}

.breadcrumbs_content .breadcrumbs_wrapper .breadcrumbs {
    margin-bottom: 0px;
    padding: 12px 0;
}

.breadcrumbs_content .breadcrumbs_wrapper .breadcrumbs ul.items li a span {
font-size: 14px;
    color: #000000;
    font-weight: 400;
}

.breadcrumbs_content .breadcrumbs_wrapper .breadcrumbs .item:not(:last-child):after {
    position: relative;
    top: 2px;
}

.breadcrumbs_content .breadcrumbs_wrapper .breadcrumbs ul.items li span {
    color: #847e7e;
    font-size: 14px;
    font-weight: 300;
}

.product-info-main h1.page-title span.base {
    font-size: 25px;
    font-weight: 400;
}

.product-info-main .product-info-price .product-info-stock-sku .stock {
    font-size: 13px;
}

.product-info-main .product-info-price .product-info-stock-sku {
    margin-bottom: 20px;
}


.product-info-main .product-info-price .price-box span.price {
    color: #f22b0c;
    font-size: 26px;
    font-weight: 600;
}

.product-info-main .product .value p {
    font-size: 13px;
    line-height: 23px;
}

.product-info-main .product-add-form {
    border-top: solid 1px #eeeff1;
    padding-top: 18px;
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 18px;
}

.message.success a:hover, 
.message.success a {
    color: #000000;
    font-weight: 500;
}


.product-info-main .product-options-wrapper .fieldset .field label.label {
    color: #000000;
    font-size: 13px;
    font-weight: 500;
        margin-right: 10px;
}

.product-info-main .product-options-wrapper .fieldset .control select {
    border: solid 1px #ababab;
    height: 48px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins';
}

.product-info-main .product-add-form .product-options-wrapper {
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 12px;
}



.product-info-main .product-options-bottom .fieldset {
    display: flex;
    align-items: center;
}



.product-info-main .product-options-bottom .fieldset .field.qty {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.product-info-main .product-options-bottom .fieldset .field.qty label.label span {
    font-weight: 400;
    display: block;
    margin-right: 8px;
}

.product-info-main .box-tocart .fieldset .actions button.tocart {
    min-width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-info-main .box-tocart .fieldset .actions button.tocart:before{
    background-image: url(../images/cart-icon-white.svg);
    background-size: 26px;
    content: "";
    background-repeat: no-repeat;
    width: 26px;
    height: 25px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
}

.product-info-main .product-options-bottom .fieldset .actions button.tocart span {
    font-weight: 500;
}

.product-info-main .product-options-bottom .box-tocart .actions {
    padding-top: 0px;
}

.Available-social ul {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
}


.Available-social ul li a {
    border: solid 1px #f22b0c;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    color: #000;
    font-size: 15px;
}

.Available-social ul li {
    margin-right: 10px;
}

.Available-social ul li a:hover {
    background: #f22b0c;
    color: #fff;
}

.block.related .block-title.title {
    text-align: center;
}

.block.related .block-title.title strong{
    margin: 0px;
    position: relative;
    display: inline-block;
    padding: 11px 0;
    font-size: 27px;
    font-weight: 500;
}

/* 7/7/25 */
.block.related li.item.product.product-item {
    width: 100%;
    max-width: 250px;
}
.block.related .products.list {
    margin: auto;
    text-align: center;
}
.block.upsell li.item.product.product-item {
    max-width: 250px;
    width: auto;
}
 
.block.upsell li.item.product.product-item .product-item-info {
    width: auto;
}
 
.block.upsell li.item.product.product-item .product-item-info .product-item-photo {
    display: block;
    border: solid 1px #eeeff1;
    margin-bottom: 16px;
}
 
.block.upsell li.item.product.product-item .product-image-container {
    width: 100% !important;
}
 
.block.upsell li.item.product.product-item .product-image-container .product-image-photo {
    width: 100% !important;
}
.block.upsell ol.products.list.items.product-items {
    margin: auto;
    text-align: center;
}
.block.upsell li.item.product.product-item .product-item-info .actions-primary button.action.tocart.primary {
    width: 100%;
}
.block.upsell li.item.product.product-item .product-item-info .actions-primary {
    width: 100%;
}
.block-accessories-product .block-title.title {
    font-size: 27px;
    font-weight: 500;
}
 
.block-accessories-product .block-title.title strong {
    font-weight: 500;
}
 
.block-accessories-product .product-item-name a.product-item-link {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
}
/* 7/7/25 */


.block.related li.item.product.product-item .product-item-info {
    width: 100%;
}


.block.related li.item.product.product-item .product-item-info a.product-item-photo {
    display: block;
    border: solid 1px #eeeff1;
    margin-bottom: 16px;
}

.block.related li.item.product.product-item .product-item-info a.product-item-photo span.product-image-container {
    width: 100% !important;
}

.block.related li.item.product.product-item .product-item-info a.product-item-photo span.product-image-container .product-image-photo {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.block.related li.item.product.product-item .product-item-details strong.product-item-name a.product-item-link {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    min-height: 43px;
    display: block;
}

.block.related li.item.product.product-item .product-item-info {
    width: 100%;
    padding-right: 15px;
}

.block.related li.item.product.product-item .product.details.product-item-details .actions-primary,
.block.related li.item.product.product-item .product.details.product-item-details .actions-primary button.action.tocart.primary {
    width: 100%;
}

.block.related .block-title.title strong:before {
    content: "";
    width: 60%;
    background: #f22b0c;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.product.destab {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.product.data.items > .item.content {
    margin-top: 48px;
    border: solid 1px #e7e9ed;
}


.product.info.detailed .product .data.item a:hover,
.product.info.detailed .product .data.item.active a {
    background: #f22b0c !important;
    border-color: #f22b0c!important;
    color: #fff;
    padding-bottom: 0px!important;
}
.product.info.detailed .product .data.item.active a:hover{
      color: #fff!important;  
}

.product.data.items > .item.title {
    margin:0 -1px 0 0;
}

.product.data.items > .item.content .attribute.description .value p {
    font-size: 14px;
    font-weight: 300;
}

.product.info.detailed .product .data.item a {
    background: #fff;
    border-color: #e7e9ed;
    border-radius: 0px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    height: 47px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 47px;
}

.menu_cart_wrapper .minicart-wrapper .action.showcart .counter.qty.empty{
    display: none;
}

.menu_cart_wrapper .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    background: #1f2b36;
    border-radius: 50%;
    top: -16px;
    width: 25px;
    height: 25px;
    display: block;
    padding: 0px;
    font-size: 12px;
    right: -3px;
    color: #fff;
    border: solid 1px #f22b0c;
}




/* =========================================
Cart page css start here
========================================= */

.cart.table-wrapper table.cart.items {
    border: solid 1px #eeeff1;
}


.cart-container .form-cart .action.update:before,
.cart-container .form-cart .action.continue::before {
    color: #fff;
    top: 11px;
    position: relative;
}

.cart.table-wrapper table.cart.items thead {
    background: #1f2b36;
}

.cart.table-wrapper table.cart.items thead th.col {
    padding: 8px 10px;
}

.cart.table-wrapper table.cart.items thead th.col span {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

table.cart.items tbody.item td.item .product-item-details strong.product-item-name a {
    font-size: 19px;
    font-weight: 400;
    display: block;
}

table.cart.items tbody.item td.item .product-item-details dl.item-options {
    margin-top: 0px;
}



.cart-summary {
    background: #f5f6f8;
    padding: 1px 10px 14px;
}


.cart-summary input[type="text"], .cart-summary select {
    height: 39px;
    font-size: 13px;
}

.cart-summary strong.summary.title {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.column.main .abs-discount-block > .title strong, 
.column.main .cart-summary .block > .title strong, 
.column.main .paypal-review-discount .block > .title strong {
    font-size: 14px;
    font-weight: 500;
}



/* =====================================
Minicart css start here 
=====================================*/ 

.minicart-wrapper.active .block-minicart{
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
border: solid 1px #eeeff1;
}



.minicart-wrapper.active .block-minicart .minicart-items-wrapper {
    border: solid 1px #eeeff1;
}

.minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
    font-size: 14px;
    font-weight: 500;
}


.minicart-items-wrapper ol.minicart-items li.item.product .product .product-item-details strong.product-item-name a {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

.minicart-items-wrapper ol.minicart-items li.item.product .product .product-item-details strong.product-item-name a:hover{
color:#f22b0c;
text-decoration: none;
}

.block-minicart .block-content > .actions a.action.viewcart {
    background: #1f2b36;
    display: block;
    color: #fff;
    border-radius: 5px;
    line-height: 47px;
}




/* =========================================
Checkout page css start here
========================================= */

.checkout-index-index header.page-header {
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.authentication-wrapper button.action-auth-toggle {
    background: #f22b0c;
    border: none;
    font-family: 'Poppins';
    font-size: 14px;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 4px;
}


.authentication-dropdown {
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
border: solid 1px #eeeff1;
}

.authentication-dropdown .modal-inner-wrap button.action-close {
    margin: 0px;
}

.authentication-dropdown .modal-inner-wrap button.action-close::before {
    color: #000;
}

.authentication-dropdown .block-customer-login .block-title strong {
    font-size: 24px;
}

.authentication-dropdown .block-customer-login .block-title{
    margin-bottom: 10px;
}

.authentication-dropdown .fieldset .field {
    margin-bottom: 10px;
}

.authentication-dropdown .fieldset .field label.label {
    display: inline-block;
    margin-bottom: 5px;
}

.authentication-dropdown .actions-toolbar .secondary a.action.action-remind {
    color: #000000;
    font-size: 12px;
    text-decoration: underline;
}


ul.opc-progress-bar li.opc-progress-bar-item::before {
    background: #f5f6f8;
}

ul.opc-progress-bar li.opc-progress-bar-item._active::before {
    background: #f22b0c;
}


ul.opc-progress-bar li.opc-progress-bar-item span {
    font-size: 15px;
    font-weight: 500;
}

ul.opc-progress-bar li.opc-progress-bar-item._active span::before {
    background: #f22b0c;
}



.abs-checkout-title, 
.opc-wrapper .step-title, 
.opc-block-shipping-information .shipping-information-title, 
.opc-block-summary > .title, 
.checkout-agreements-items .checkout-agreements-item-title{
    font-size: 19px;
    font-weight: 500;
    border-bottom: solid 1px #eeeff1;   
}

.opc-wrapper .form-shipping-address {
    max-width: 100%;
}


.opc-wrapper ol#checkoutSteps li.checkout-shipping-address form.form.form-login label.label,
.opc-wrapper .form-shipping-address .fieldset > .field:not(.choice) > .label {
    width: 100%;
    padding: 0 0 5px;
    text-align: left;
    color: #000;
    font-weight: 500;
}

.opc-wrapper ol#checkoutSteps li.checkout-shipping-address form.form.form-login .control._with-tooltip {
    width: 100%;
}


.opc-wrapper .form-shipping-address .field.search-container .control .search-bar {
    display: flex;
    flex-wrap: wrap;
}

.opc-wrapper .form-shipping-address .field.search-container .control .search-bar input[type="text"] {
    width: 74.333% !important;
    max-width: 100%;
}

.opc-wrapper .form-shipping-address .field.search-container .control .search-bar button.action.primary {
    height: 49px;
    border-radius: 0px;
}

.opc-wrapper .shipping-address-items .shipping-address-item a {
    color: #000;
    text-decoration: underline;
}


.checkout-payment-method .checkout-billing-address .billing-address-details a {
    color: #000;
    text-decoration: underline;
}

table.table-checkout-shipping-method {
    min-width: 100%;
    margin-top: 15px;
    border: solid 1px #eeee;
    margin-bottom: 21px;
}



.table-checkout-shipping-method tbody td:first-child {
    padding-left: 10px;
    padding-right: 10px;
}


.opc-wrapper .step-content .field.addresses .shipping-address-item.selected-item {
    border-color: #f22b0c;
}

.opc-wrapper .step-content .field.addresses .shipping-address-item.selected-item::after {
    background: #f22b0c;
}

.opc-wrapper .step-content .field.addresses .shipping-address-item.selected-item a {
    color: #000;
    text-decoration: underline;
}

.checkout-index-index .modal-popup .modal-inner-wrap header.modal-header {
    background: #f9f7fb;
    border: none;
    padding: 18px 0;
    text-align: center;
    margin-bottom: 23px;
}

.checkout-index-index .modal-popup .modal-inner-wrap header.modal-header h1.modal-title {
    border: none;
    padding-bottom: 0px;
}

.checkout-index-index .modal-popup form.form.form-shipping-address {
    max-width: 100%;
}


.checkout-index-index .modal-popup form.form.form-shipping-address .field label.label {
width: 100%;
    float: none;
    text-align: left;
    padding: 0 0 6px;
    font-weight: 500;
}

.checkout-index-index .modal-popup form.form.form-shipping-address .field .control {
    width: 100%;
}

.checkout-index-index .modal-popup form.form.form-shipping-address .field {
    margin-bottom: 18px;
}

.checkout-index-index .modal-popup form.form.form-shipping-address .field .control .search-bar input[type="text"] {
    width: 79% !important;
    max-width: 100%;
}

.checkout-index-index .modal-popup form.form.form-shipping-address .field .control .search-bar button.action.primary {
    height: 49px;
    border-radius: 0px;
}

.checkout-index-index .modal-popup form.form.form-shipping-address .field.choice::before {
    width: 0;
    padding: 0px;
}


.checkout-index-index .opc-block-summary {
    background: #f5f6f8;
}



/* =============================================
My Account page css start here
============================================= */


body.account {
    background: #f5f6f8;
}


body.account header.page-header {
    background: #ffffff;
}

.account .sidebar.sidebar-main {
 box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 padding: 0;
     background: #ffffff;
}


.account .sidebar-additional {
    margin-top: 0px;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 padding: 0;
     background: #ffffff;
     padding-left: 15px;
    padding-right: 15px;
        padding-top: 23px;
}


.account .sidebar-additional .actions-toolbar {
    max-width: 100%;
}

.account .sidebar-additional .actions-toolbar .primary {
    display: block;
    float: none;
}

.account .sidebar-additional .actions-toolbar .primary button.action.tocart.primary {
    width: 100%;
}


.account .sidebar-additional .actions-toolbar .secondary {
    text-align: center;
    float: none;
    width: 100%;
    padding-top: 7px;
}


.account .sidebar-additional .actions-toolbar .secondary a.action.view {
    display: inline-block;
    color: #000;
    text-decoration: underline;
}

.account .sidebar-additional .block-title strong {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}



.account .sidebar-additional .block-reorder {
    margin-bottom: 0px;
}

.account .sidebar.sidebar-main .content {
padding: 20px 0;
    background: none;
}

.account .sidebar.sidebar-main .content ul.nav.items li.nav.item.current strong {
    border-color: #f22b0c;
    color: #1f2b36;
}


.account .sidebar.sidebar-main .content ul.nav.items li.nav.item a {
    color: #9ca0a3;
    font-size: 13px;
    font-weight: 500;
}

.account.page-layout-2columns-left .column.main {
    padding-top: 40px;
    padding-bottom: 40px;
}

.account .column.main .table-wrapper.orders-history,
.account .column.main .block {
    background: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 25px 25px;
}

.account .column.main .block:not(.widget) .block-title > strong {
    color: #1f2b36;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}


.account .column.main .block .block-title a.action.edit {
    color: #f22b0c;
    font-weight: 500;
    text-decoration: underline;
}

.account .column.main .table-wrapper table.table {
    border: solid 1px #eee;
}

.account .column.main .table-wrapper table.table thead {
    background: #000;
    color: #fff;
}

.account .column.main .table-wrapper table.table thead tr th {
    font-weight: 400;
}


.account .column.main .table-wrapper tbody tr td {
    color: #000;
    font-size: 12px;
}

.account .column.main .table-wrapper tbody tr td a {
    color: #000;
    text-decoration: underline;
}

.account .column.main .block:not(.widget) .block-title a.action {
    color: #f22b0c;
    font-weight: 500;
    text-decoration: underline;
}

.account .column.main .block:not(.widget) .block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #eeeff1;
}

.account .column.main .block:not(.widget) .box-title span {
    font-weight: 500;
    color: #1f2b36;
}



.account .column.main .block .block-content address,
.account .column.main .block .block-content p {
    font-size: 13px;
    line-height: 21px;
}

.account .column.main .block .block-content address a {
    color: #000000;
    text-decoration: underline;
}

.account .column.main .block .block-content .box-actions a.action {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background: #f22b0c;
    padding: 3px 5px;
    display: inline-block;
}

.account .column.main form{
    background: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 25px 25px;
}

.account .column.main form fieldset legend.legend {
    margin-left: 0px;
    width: 100%;
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 14px;
}

.account .column.main form fieldset legend.legend span {
    color: #1f2b36;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.account .column.main form fieldset .field label.label {
    width: 100%;
    padding: 0 0 5px;
    text-align: left;
    color: #000;
    position: relative;
    font-weight: 500;
}
.account .column.main form .field.choice::before {
    margin-left: 0px;
    width: 0px;
    padding: 0px;
}


.account .column.main form .field.choice {
    margin-bottom: 11px;
}

.account .column.main form .field.choice label.label {
    font-size: 13px;
    font-weight: 400;
}

.account .column.main form fieldset.fieldset.info {
    margin-bottom: 10px;
}

.account .column.main form .actions-toolbar {
    margin-left: 0px;
}

.account .column.main form .fieldset > .field {
    margin-bottom: 17px;
}


.account .column.main form.form-address-edit .message.info {
    display: none;
}



/* ==========================================================
Login sign up page css start here 
===========================================================*/



body.customer-account-login {
    background: #f5f6f8;
}

body.customer-account-login header.page-header {
    background: #ffffff;
}


.login-container .block.block-new-customer,
.login-container .block.block-customer-login{
    background: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 25px 25px;
}


.login-container .block-content form.form .field label.label {
    width: 100%;
    float: none;
    text-align: left;
    font-weight: 500;
    padding: 0px;
}

.login-container .block-content form.form .field .control {
    width: 100%;
}

.login-container .block-content form.form .field.choice::before {
    width: 0px;
    padding: 0px;
}

.login-container .block-content form.form .actions-toolbar {
    margin-left: 0px;
}


.login-container .block-content form.form .actions-toolbar .secondary a.action {
    color: #000;
    text-decoration: underline;
}

.login-container .block-title strong {
    color: #1f2b36;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}



ul.mst-search__result-tabs {
    border: none;
    display: flex;
    flex-wrap: wrap;
}


ul.mst-search__result-tabs li {
    float: none;
    width: 23%;
    margin: 0px 7px 9px;
}

.mst-search__result-tabs li a {
    border: 1px solid #1f2b36;
    background: #ffffff;
    height: 53px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    color: #000;
    box-shadow: none;
}

.mst-search__result-tabs li a.active,
.mst-search__result-tabs li a:hover {
    background: #f22b0c;
    color: #fff;
    border-color: #f22b0c;
}

.mst-search__misc-recommendations dt.title {
    font-weight: 400;
}


.mst-search__misc-recommendations dd.item a {
    color: #f22b0c;
}



/* .......................................
About us page css start here 
........................................*/


.cms-about-us main.page-main .column.main {
    padding-bottom: 0px;
}

.cms-about-us main.page-main {
    max-width: 100%;
    padding: 0px;
}


.about-page {
    background-image: url(../images/about-bg.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    padding:100px 0 0;
}
.about-page .about-our-company {
    background: #f9f4f3;
    width: 100%;
    max-width: 820px;
    margin:0px auto 105px;
    padding: 40px 40px;
}

.about-page .about-our-company h2 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 35px;
    font-size: 33px;
    font-weight: 600;
}

.about-ourteam {
    background: #f22b0c;
    padding: 50px 0;
}


.about-roseoak-group .container-about,
.tagembed-container .tagembed-socialwall,
.about-ourteam .container-about {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}

.about-ourteam .container-about h2 {
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 25px;
}

.about-ourteam .container-about p {
    text-align: center;
    color: #fff;
}

.about-ourteam .our-team {
    display: flex;
    flex-wrap: wrap;
}

.about-ourteam .our-team .col-team {
    width: 33.333%;
    text-align: center;
    margin-top: 40px;
}

.about-ourteam .our-team .col-team h3 {
    color: #ffffff;
}

.about-ourteam .our-team .col-team a.email {
    color: #fff;
    text-decoration: underline;
}

.about-ourteam .our-team .col-team .team-img img {
width: 170px;
    height: 170px;
    border-radius: 50%;
    object-fit: cover;
}

.about-ourteam+hr {
    display: none;
}

.about-page h1 {
    margin-top: 56px;
    margin-bottom: 35px;
    font-size: 29px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}


.tagembed-container {
    padding-top: 30px;
    margin-bottom: 63px;
}


.about-roseoak-group {
    background: #f9f4f3;
    padding: 40px 0;
}

.about-roseoak-group h2 strong {
    font-weight: 500;
    font-size: 23px;
}

.about-roseoak-group .container-about br {
    display: none;
}

.about-roseoak-group .container-about p a {
    color: #000;
    text-decoration: underline;
}


.about-roseoak-group {
    background: #f9f4f3;
}


.about-roseoak-group ul.social-links {
padding: 0px;
    list-style: none;
    margin: 41px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about-roseoak-group ul.social-links li {
    margin-right: 10px;
}

.about-roseoak-group ul.social-links a {
    color: #1f2b36;
    width: 40px;
    height: 40px;
    display: block;
    border: solid 1px #1f2b36;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}

.about-roseoak-group ul.social-links a:hover {
    background: #f22b0c;
    border-color: #f22b0c;
    color: #fff;
}



/*......................................... 
catalogue page css start here 
..........................................*/


.catages {
    padding: 60px 0;
}


.catages iframe {
    width: 100%;
    margin: 0 auto;
}


/*......................................... 
Blog page css start here 
..........................................*/

.blog-posts {
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-posts .blog-posts-post header.blog-post-header h2.blog-post-title {
    margin-bottom: 25px;
    min-height: 66px;
}

.blog-posts .blog-posts-post {
    width: 49%;
    background: #f5f6f8;
    padding: 30px 30px;
    margin-bottom: 23px;
}

.blog-posts .blog-posts-post header.blog-post-header h2.blog-post-title a.blog-post-title-link {
    color: #000;
}


.blog-posts .blog-posts-post header.blog-post-header ul.blog-post-info li.blog-post-info-item a.author-link {
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}

.blog-post-read-more-wrapper a.blog-post-read-more.action {
    color: #fff;
    background: #f22b0c;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    padding: 3px 10px;
}

.blog-pagination a {
    color: #000;
}


.blog-pagination span.blog-pagination-page-current {
    color: #f22b0c;
}


.blog-posts .blog-posts-post header.blog-post-header h2.blog-post-title a.blog-post-title-link:hover {
    text-decoration: none;
    color: #f22b0c;
}


.sidebar .blog-sidebar-block .block-title strong.blog-sidebar-block-title {
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item {
    margin: 0px;
}

.sidebar .block-content ul.block-recent-posts {
    margin: 0px;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item .blog-post-img {
    margin-bottom: 25px;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item a.block-recent-posts-link {
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
}


article.blog-posts-post.blog-post{
    background: #f5f6f8;
    padding: 30px 30px;
    margin-bottom: 23px;
}


.aw_blog-index-index article.blog-posts-post.blog-post .blog-post-featured-image-wrapper img.blog-post-featured-image {
    margin: 0 auto;
    display: block;
    object-fit: cover;
    height: 270px;
    width: 100%;
}

.aw_blog-post-view article.blog-posts-post.blog-post header.blog-post-header ul.blog-post-info {
    text-align: center;
}


.blog-post-featured-image-wrapper .blog-post-featured-image {
    display: block;
    margin: 0 auto;
}






article.blog-posts-post.blog-post header.blog-post-header h1.blog-post-title {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    width: 80%;
    margin: 15px auto 30px;
}

.blog-post-content ul.numbs {
    padding-left: 19px;
    margin-top: 14px;
}

.block.prev-next .post-featured-title a.post-link {
    color: #000;
    text-decoration: underline;
}

#blog-related-posts .block-title strong.blog-block-title {
    font-size: 23px;
    font-weight: 400;
}

#blog-related-posts .block-content ul.block-related-posts li.block-related-posts-item a.block-related-post-link {
    color: #1f2b36;
    padding: 3px 0px;
    display: block;
}


.cms-contact-us h1 {
    padding-top: 32px;
    margin-bottom: 8px;
}


.categorypath-training main.page-main {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}



.training-slider-wrapper {
    background: #f9f4f3;
}

.training-slider-wrapper .training-info {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.training-slider-wrapper .training-info p {
    font-size: 20px;
    margin-bottom: 18px;
    line-height: 31px;
}

.training-slider-wrapper .training-info p strong {
    font-weight: 600;
}

.training-slider-wrapper .training-info p a {
    color: #000000;
    font-weight: 600;
}


.testimonials-sec {
    background: #f22b0c;
    text-align: center;
    padding: 100px 0 50px;
}

.categorypath-training h1 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 35px;
    font-size: 33px;
    font-weight: 600;
}

.testimonials-sec h2 {
margin-bottom: 70px;
    margin-top: 0px;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 11px;
        color: #fff;
}

.testimonials-sec p {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    margin: 42px auto;
    width: 100%;
    max-width: 600px;
        color: #fff;
}



.tarining-sec {
    background: #f9f4f3;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
}


.tarining-sec h2 {
    margin-bottom: 29px;
    margin-top: 0px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 9px;
    text-transform: uppercase;
}

.tarining-sec p {
    font-size: 20px;
    margin-bottom: 18px;
    line-height: 31px;
}

.nationwide-raf {
    background: #f9f7fb;
    padding: 60px 0;
}

.nationwide-raf h2 {
    margin: 0px;
    margin-bottom: 70px;
    margin-top: 0px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 11px;
    text-transform: uppercase;
    text-align: center;
}

.nationwide-raf .rendered-form .fieldset .fields .field.form-group {
    max-width: 100%;
}

.nationwide-raf .rendered-form .fieldset .fields .field.form-group select {
    padding-left: 0px;
    margin-top: 13px;
}

.nationwide-raf form.rendered-form .fieldset > .fields > .field > .label {
    font-weight: 400;
    color: #000;
}

.nationwide-raf form.rendered-form .amcform-toolbar button.submit.primary {
    background: #f22b0c;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    padding: 0px 28px;
    border-radius: 3px;
    line-height: 39px;
}

.nationwide-raf form.rendered-form  .amcform-toolbar {
    text-align: left;
    margin-top: 43px;
}

.nationwide-raf form.rendered-form .fieldset > .fields > .field > .label a {
    color: #000000;
    text-decoration: underline;
}


.field.required.control label.label a {
    color: #000;
}


.categorypath-service-maintenance-thorough-examination main.page-main, 
.categorypath-service-maintenance-spare-parts main.page-main {
    padding: 0px;
    max-width: 100%;
}


.categorypath-service-maintenance-thorough-examination .breadcrumbs_content,
.categorypath-service-maintenance-spare-parts .breadcrumbs_content {
    display: none;
}

.categorypath-service-maintenance-contact-hire .breadcrumbs_content{
display: none;
}

.categorypath-service-maintenance-contact-hire main.page-main {
    max-width: 100%;
    padding: 0px;
}

.contact-hire-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.contact-hire-wrapper .contact-hire-img {
    width: 30.333%;
}

.contact-hire-wrapper .contact-hire-details {
    width: 39.333%;
    text-align: center;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
        padding-bottom: 25px;
}

.categorypath-service-maintenance-contact-hire .column.main {
    padding-bottom: 0px;
}

.contact-hire {
    background: #f9f4f3;
}

.contact-hire-wrapper .contact-hire-details h2 {
    font-size: 38px;
    margin-bottom: 36px;
}
.contact-hire-wrapper .contact-hire-details p {
    margin-bottom: 29px;
}

.contact-hire-wrapper .contact-hire-details p strong {
    font-size: 22px;
}

.contact-hire-wrapper .contact-hire-details p strong a {
    color: #000;
}

.contact-hire-wrapper .contact-hire-img img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}


.categorypath-service-maintenance-retail-trade .breadcrumbs_content {
    margin-bottom: 0px;
}

.categorypath-service-maintenance-retail-trade main.page-main {
    padding: 0px;
    max-width: 100%;
}



.catalog-category-view.page-layout-1column .column.main {
    padding-bottom: 0px;
}


.amform-form .fb-number {
    max-width: 100%;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    color: #999999;
    font-size: 1.6rem;
    padding: 1rem;
    line-height: 1rem;
    cursor: pointer;
}





/* CMS PAGE CSS START HERE */


.call-us-today {
    text-align: center;
    padding-bottom: 37px;
    margin-top: 30px;
}

.call-us-today p {
    color: #fff;
    font-size: 19px;
}
.call-us-today p a {
    color: #fff;
    text-decoration: underline;
}

.retail-and-banner {
    background: #54504f;
}


.col-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 42px 40px;
}

.col-wrapper .col-helf-content {
    width: 55%;
    margin: 0 auto;
}

.col-wrapper .col-helf-content h2 {
    color: #fff;
        font-size: 38px;
}

.col-wrapper .col-helf-content h3 {
    color: #fff;
    margin-bottom: 20px;
}

.col-wrapper .col-helf-content p {
    color: #fff;
    line-height: 25px;
}

.col-wrapper .col-half {
    width: 50%;
    padding: 0 15px;
}


.col-wrapper .col-helf-content a.shop-online {
    border: solid 2px #fff;
    min-width: 200px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 45px;
    margin-top: 32px;
}

.bottom-red-section {
    background: #f22b0c;
}

.bottom-red-section .col-wrapper .col-half h3 {
    color: #fff;
    margin-bottom: 42px;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
}

.bottom-red-section .col-wrapper .col-half a {
    color: #fff;
    font-size: 15px;
}

.bottom-red-section .col-wrapper .col-half p {
    color: #fff;
}

/* thorough-examination page css start here */




.thorough-examination-top {
    background: #0c0807;
}

.thorough-examination-top .col-wrapper {
    padding: 0px;
}

.thorough-examination-top .col-wrapper .col-half {
padding: 0px;
    display: flex;
    align-items: center;
}

.thorough-examination-top .col-helf-content {
    text-align: center;
}

.thorough-examination-top .col-helf-content h2 {
    text-align: center;
    margin-bottom: 67px;
}
.thorough-examination-top .col-helf-content ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px;
    margin: 0px auto 48px;
    list-style: none;
}

.thorough-examination-top .col-helf-content ul li {
    width: 50%;
    text-align: center;
}

.thorough-examination-top .col-helf-content ul li span.icons {
    display: block;
}

.thorough-examination-top .col-helf-content ul li span.icons svg {
    width: 40px;
    height: 40px;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
}


.thorough-examination-top .col-helf-content ul li p {
    font-size: 22px;
    width: 100%;
    margin-top: 50px;
}

.bottom-red-section .lolers-sec {
    padding: 100px 0px;
}

.bottom-red-section .lolers-sec h2 {
    color: #fff;
    font-size: 61px;
    text-align: center;
    margin-bottom: 50px;
}

.bottom-red-section .lolers-sec p {
    text-align: left;
    width: 72%;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 27px;
}

.annual-sec {
    text-align: center;
    background: rgb(249, 244, 243);
    padding: 70px 0px;
}

.annual-sec .call-us-today p {
    color: #000;
}

.annual-sec .call-us-today p a {
    color: #000;
}

/* spare parts page css start here */

.spare-parts-top .col-helf-content h2 {
    color: #000;
}

.spare-parts-top .col-helf-content p {
    color: #000;
}

.spare-parts-top .col-helf-content a._1fbei {
    color: #000;
    font-size: 15px;
}

.spare-parts-top .col-half img {
    border: solid 1px #eee;
}



/* ............
Contact us page css start here */


.contact-page .col-wrapper {
    padding: 0px;
}

.contact-page .col-wrapper .col-half {
    display: flex;
    flex-wrap: wrap;
}


.contact-page .col-wrapper .col-half .map,
.contact-page .col-wrapper .col-half .map iframe {
    width: 100%;
}


.contact-page .col-wrapper .col-half .address-block {
    width: 50%;
}
.contact-page .col-half h2 {
    font-size: 27px;
    font-weight: 300;
}
.contact-page p {
    margin-bottom: 3px;
}

.contact-page p a {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}

.address-block .social-icon {
    margin-top: 30px;
}

.address-block .social-icon a img {
    width: 26px;
    margin-right: 6px;
}

.contact-page .contact-form {
    width: 100%;
}

.contact-page .col-wrapper .col-half img {
    object-fit: cover;
}

.contact-page .contact-form form .fieldset > .fields > .field > .label {
    font-weight: 400;
}

.contact-page .contact-form form .fieldset > .fields > .field {
    width: 100%;
    max-width: 100%;
}

.contact-page .contact-form .amcform-toolbar {
    text-align: left;
}


.cms-content h2 {
    font-size: 20px;
}


#blog-related-posts .block-content ul.block-related-posts li.block-related-posts-item a.related-post-featured-image-link {
    display: block;
    margin-top: 18px;
}

#cc_validate_box {
    z-index: 99 !important;
}






/* ================================================================
Bundel Product css start here 
 ================================================================*/


.product-add-form form .table-wrapper table.table.data {
    border: solid 1px #eaeaea;
}

.product-add-form form .table-wrapper table.table.data thead th {
    font-size: 15px;
    font-weight: 400;
}

.product-add-form form .table-wrapper table.table.data tr {
    border-bottom: solid 1px #eaeaea;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .pro_image {
    width: 70px;
    height: 70px;
    border: solid 1px #e8e8e8;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item strong.product-item-name a {
    color: #000000;
    font-size: 14px;
}

.product-add-form form .table-wrapper table.table.data span.price {
    color: #e13234;
    font-weight: 500;
}

.product-add-form form .table-wrapper table.table.data td.col.qty .control.qty input[type=number] {
    width: 58px;
    border:solid 1px #e1e1e1;
}



.product.destab {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.product-info-main .price-box.price-final_price span.old-price {
    text-decoration: none;
}

.product-info-main .price-box.price-final_price span span.price-label {
    display: block;
    padding-bottom: 10px;
}

.product-info-main .price-box.price-final_price span.price {
    color: #3871b6;
    font-size: 15px;
    font-weight: 500;
}

.product-info-main .price-box.price-final_price span.old-price span.price {
    color: #666;
    font-size: 15px;
    display: block;
    padding-left: 0px;
    text-decoration: line-through;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt {
    display: flex;
    flex-wrap: wrap;
    width: 84%;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text .bss-gpo-child-product-info label.label {
    font-size: 12px;
    font-weight: 500;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text .bss-gpo-child-product-info select {
    min-height: 0;
    height: auto;
    max-width: 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    background: url(../images/select-arrows.svg) right 5px center/12px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
    background: url(../images/select-arrows.svg) right 5px center/12px no-repeat, linear-gradient(180deg, #fff, #f9fafb);
    border-radius: 3px;
    font-size: 14px;
    padding: 6px 8px;
    padding-right: 25px;
    text-rendering: auto;
    color: #000;
    line-height: 19px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgb(22 29 37 / 5%);
    box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgb(22 29 37 / 5%);
    outline: none;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text {
    width: 66%;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .bss-gpo-img {
    padding-right: 15px;
    box-sizing: border-box;
    width: 28%;
}


.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text .product-options-wrapper {
    margin: 0px;
    border: none;
    padding: 0px;
}

/* ================================================================
Bundel Product css End here 
 ================================================================*/


@media (min-width: 769px){

.menu_cart_wrapper .minicart-wrapper {
    top: 4px;
    position: absolute;
    right: 50%;
    margin-right: -621px;
}


/* =========================================
listing page css start here
========================================= */

.page-products.page-layout-2columns-left .sidebar-main {
    width: 25%;
}

.page-products.page-layout-2columns-left .column.main {
    width: 75%;
}

.authentication-wrapper {
    margin-top: -100px;
}

/* Header css */

.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:first-child{
    order: 4;
}

.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:nth-child(2) {
       order: 3;
}

.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:nth-child(3) {
    order: 2;
}

.page-header .panel.wrapper .panel.header .headers_links ul.header.links li:nth-child(5) {
    order: 5;
}




}




footer.page-footer {
    background: #f9f7fb;
        position: relative;
}

footer.page-footer .footer.content {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}


footer.page-footer .footer.content .footer_middle .footer-wrapper {
    display: flex;
    flex-wrap: wrap;
}


.footer.content .footer_middle {
    padding: 29px 0;
}

.footer_middle .footer-wrapper .footer-blocks.address-f {
    width: 25%;
}


.footer_middle .footer-wrapper .footer-blocks.links-f {
    width: 20%;
    margin-left: auto;
}

.footer_middle .footer-wrapper .footer-blocks.email-f {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.footer-wrapper .footer-blocks .footer-logo a {
    display: block;
}

.footer-wrapper .footer-blocks .footer-logo a img {
    width: 100%;
    max-width: 130px;
}

.footer-wrapper .footer-blocks .address-detail ul {
    margin-top: 14px;
}

.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li,
.footer-wrapper .footer-blocks .address-detail ul li {
    margin-bottom: 12px;
}


.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li a,
.footer-wrapper .footer-blocks p,
.footer-wrapper .footer-blocks .address-detail ul li p,
.footer-wrapper .footer-blocks .address-detail ul li a {
    color: #1f2b36;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}

.footer_middle .footer-wrapper .footer-blocks.links-f .footer-logo a img {
    max-width: 223px;
    margin-left: 24px;
}







.footer-wrapper .footer-blocks.email-f h2 {
    margin: 0px;
    color: #1f2b36;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
}

.footer_middle .footer-wrapper .footer-blocks.email-f p {
    margin-bottom: 17px;
    text-align: center;
}


.footer-wrapper .footer-blocks .form-new {
    display: inline-block;
    width: 100%;
}

.footer-wrapper .footer-blocks .form-new .newsletter {
width: 100%;
    float: none;
    max-width: 100%;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe {
    display: flex;
    flex-wrap: wrap;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter {
    width: 65%;
    margin-right: 0px;
    margin-bottom: 23px;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter .control {
    position: relative;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter .control::before {
    top: 12px;
    left: 5px;
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter input[type=email] {
height: 57px;
    border: solid 1px #a7a6a8;
    margin: 0px;
    padding: 0 10px;
    width: 100%;
    border-radius: 30px 0px 0 30px;
    border-right: none;
    padding-left: 40px;
}




.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter input[type=email]::-webkit-input-placeholder{
color:#000000;   
opacity: 0.3; 
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter input[type=email]:-ms-input-placeholder{
color:#000000; 
opacity: 0.3;   
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter input[type=email]::placeholder{
color:#000000; 
opacity: 0.3;    
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .actions button.action.subscribe {
    border-radius: 0px 30px 30px 0px;
    line-height: 57px;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 35px;
}

.footer_middle .footer-wrapper .footer-blocks ul.social-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_middle .footer-wrapper .footer-blocks ul.social-links li a {
    display: block;
    width: 39px;
    height: 39px;
    border: solid 1px #f22b0c;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 39px;
    color: #f22b0c;
    font-size: 19px;
}

.footer_middle .footer-wrapper .footer-blocks ul.social-links li a:hover {
    border: solid 1px #1f2b36;
    background: #1f2b36;
    color: #fff;
}

.footer_middle .footer-wrapper .footer-blocks ul.social-links li {
    margin: 0 6px;
}


.form-address form.rendered-form .amcform-page-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.form-address form.rendered-form .amcform-page-wrap .field.amcform-gdpr,
.form-address form.rendered-form .amcform-page-wrap .form-group {
    width: 100%;
}


.form-address form.rendered-form .amcform-page-wrap .amcform-toolbar {
    width: 100%;
    text-align: left;
}


.form-address form.rendered-form .amcform-page-wrap .field.amcform-gdpr label.label {
    font-weight: 400;
}
.form-address form.rendered-form .amcform-page-wrap .field.amcform-gdpr label.label a {
    color: #000;
    text-decoration: underline;
}

.cms-index-index .rendered-form .fieldset .fields .field.form-group label {
    display: none;
}


.form-address form.rendered-form .amcform-page-wrap .form-group.field-firstname, 
.form-address form.rendered-form .amcform-page-wrap .form-group.field-email {
    width: 48%;
}

.form-address form.rendered-form .amcform-page-wrap .form-group.field-lastname,
.form-address form.rendered-form .amcform-page-wrap .form-group.field-phone {
width: 48%;
    margin-left: auto;
    max-width: 100%;
}


.form-address form.rendered-form .amcform-page-wrap textarea {
    height: 100px;
}


.form-address form.rendered-form .amcform-page-wrap .amcform-toolbar button.submit.primary {
    background: #f22b0c;
    padding: 0px;
    min-width: 228px;
    line-height: 60px;
    margin-top: 17px;
    font-size: 15px;
    border-radius: 30px;
    font-weight: 600;
}


.page-bottom {
    background: #1f2b36;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}



.page-bottom .block-static-block {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    margin-bottom: 0px;
}

.page-bottom p {
    color: #ffffff;
    font-size: 21px;
    font-weight: 200;
    padding: 25px 0;
}
.page-bottom p a {
    color: #fff;
    text-decoration: underline;
    font-weight: 400;
}


.footer-wrapper .footer-blocks .address-detail ul li.address p {
    width: 90%;
}

.footer-wrapper .footer-blocks .address-detail ul li.address {
    display: flex;
    flex-wrap: wrap;
}

.footer-wrapper .footer-blocks .address-detail li a {
    position: relative;
}

.footer-blocks ul.sitemap {
    padding-left: 30px;
    padding-top: 19px;
}

.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li a:before,
.footer-wrapper .footer-blocks .address-detail li a:before {
    width: 7px;
    height: 7px;
    background: #f22b0c;
    border-radius: 50%;
    display: inline-block;
    content: "";
    position: relative;
    top: -2px;
    margin-right: 10px;
}




.footer-wrapper .footer-blocks .address-detail ul li.address span.icon{
background-image: url(../images/map.svg);
    content: "";
    width: 20px;
    height: 20px;
    background-size: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 6px;
    margin-top: 5px;
}

footer.page-footer:before {
    position: absolute;
    content: "";
    bottom: 64px;
    background: #e0dee1;
    height: 1px;
    width: 100%;
}



.footer_bottom {
display: flex;
    flex-wrap: wrap;
/*     border-top: solid 1px #e0dee1; */
    padding-top: 13px;
    padding-bottom: 13px;
}


.footer_bottom small.copyright {
    margin-right: inherit;
    margin-left: auto;
    margin-top: 9px;
    color: #1f2b36;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-bottom: 9px;
}


.footer_bottom .payment-types {
    position: absolute;
    left: 11px;
    bottom: 11px;
}


.footer_bottom .payment-types ul.payment {
    display: flex;
}


.footer_bottom .payment-types ul.payment li a {
    position: relative;
height: 42px;
    width: 78px;
    background-image: url(../images/icon_payments.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-indent: -999em;
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-radius: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    top: 0px;
}


.footer_bottom .payment-types ul.payment li a.mastercard {
    background-position: center -59px;
}

.footer_bottom .payment-types ul.payment li a.visa-debit {
    background-position: center -165px;
}

.footer_bottom .payment-types ul.payment li a.visa {
    background-position:center -217px;
}


.footer_bottom .payment-types ul.payment li a.paypal {
    background-position:center -278px;
}



.footer_bottom .payment-types ul.payment li {
    margin-right: 13px;
}





/* ==================================================
Categories page css start here 
===================================================*/




.breadcrumbs_wrapper {
box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}


body:not(.catalog-product-view) .page-title-wrapper h1.page-title{
    background: #f5f6f8;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 18px 0;
}


.product.cat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.subcat-content {
    transition: .5s ease-in-out;
    margin-bottom: 2%;
    width: 31.33%;
    position: relative;
}

.subcat-content .product-image {
    position: relative;
    display: block;
    display: block;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 21px #c1cfd6;
}

.subcat-content .product-image img {
    object-fit: cover;
    height: 260px;
    width: 100%;
    vertical-align: bottom;
}


.subcat-content .product-image:after {
content: "Learn More";
    pointer-events: none;
    padding:12px 22px;
    line-height: 1;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    text-decoration: none;
    display: block;
    text-align: center;
    font-style: normal;
    background: rgba(242, 43, 12, 0.6);
    text-transform: capitalize;
    position: absolute;
    top: 44%;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.subcat-content .product-item-name {
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background:rgba(31, 43, 54, 0.8);
    margin: 0 15px 15px;
}

span.product-item-name a {
    padding: 6px;
    display: block;
    text-align: center;
    color: #fff;
}

span.product-item-name a h2 {
font-size: 19px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    margin: 0px;
}

span.product-item-name a p {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    color: #fff;
}

.subcat-content:hover .product-image:after {
    opacity: 1;
}


.subcat-content .product-item-name a.product-item-link:hover {
    text-decoration: none;
}



.sidebar-main .block.filter .block-title.filter-title strong {
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
}


.sidebar-main .block.filter .block-content.filter-content strong.block-subtitle{ 
    display: none;
 }


.sidebar-main .block.filter .block-content.filter-content dl.filter-options dt.filter-options-title{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #525151;
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
padding-bottom: 36px;
}


.sidebar-main .block.filter .block-content.filter-content dl.filter-options dt.filter-options-title:before{
    content: "";
    position: absolute;
    right: 0px;
    background-image: url('../images/plus-icon.svg');
    width: 21px;
    height: 21px;
    background-size: auto;
    background-position: center;
}


.sidebar-main .block.filter .filter-content dl.filter-options {
    border-bottom: solid 1px #eeeff1;
}

.items.am-filter-items-price .amshopby-slider-display {
    text-align: left;
    margin-top: 17px;
    font-weight: 500;
}


.toolbar.toolbar-products {
    background: #ffffff;
    padding:10px 19px;
    box-shadow: 8px 2px 19px 5px #f5f6f8;
}

.toolbar.toolbar-products p.toolbar-amount {
    font-size: 13px;
    color: #000;
    font-weight: 400;
}


.toolbar.toolbar-products .field.limiter label.label,
.toolbar.toolbar-products .toolbar-sorter.sorter label {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
}

.toolbar.toolbar-products .toolbar-sorter.sorter {
    padding-top: 0px;
}

.toolbar.toolbar-products .field.limiter select,
.toolbar.toolbar-products .toolbar-sorter.sorter select {
    border: solid 1px #ebebeb;
    line-height: normal;
    height: 37px;
    font-size: 13px;
    color: #000;
        font-family: 'Poppins';
}

.toolbar.toolbar-products .toolbar-sorter.sorter a.action.sorter-action {
    top: 3px;
}

.toolbar.toolbar-products .toolbar-sorter.sorter a.action.sorter-action::before {
    color: #000;
}


.products.list.products-list ol.product-items li.item .product-item-info a.product-item-photo span.product-image-container {
background: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.page-products .products-grid .product-item {
    width: calc((100% - 6%) / 3);
}

.page-products .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 2%;
}


.page-products .products-grid .product-item .product-item-info{
width: 100%;
}

.page-products .products-grid .product-item .product-item-info a.product-item-photo {
    display: block;
    border: solid 1px #eeeff1;
    margin-bottom: 16px;
}


.page-products .products-grid .product-item .product-item-info a.product-item-photo span.product-image-container {
    width: 100% !important;
}


.page-products .products-grid .product-item .product-item-info a.product-item-photo:hover span.product-image-container .product-image-photo{
    -webkit-transform: scale(1);
    transform: scale(1);   
}


.page-products .products-grid .product-item .product-item-info a.product-item-photo span.product-image-container .product-image-photo{
width: 100%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.page-products .products-grid .product-item .product-item-actions .actions-primary {
    width: 100%;
}

.page-products .products-grid .product-item .product-item-actions .actions-primary button.action.tocart.primary {
    width: 100%;
}



.products.list.products-list ol.product-items li.item .product-item-info .description h4 {
    margin-top: 0px;
    font-size: 16px;
    color: #000000;
    margin-bottom: 16px;
}

.products.list.products-list ol.product-items li.item .product-item-info .description ul {
    padding-left: 19px;
    list-style: disc;
    margin-bottom: 17px;
}


.products.list.products-list ol.product-items li.item {
    border-bottom: solid 1px #eeeff1;
    padding-bottom: 28px;
    margin-bottom: 45px;
}


.products.list.products-list ol.product-items li.item .product-item-info .description ul li {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 6px;
}



.products.list.products-list ol.product-items .product-item-details strong.product-item-name a.product-item-link {
    font-size: 20px;
    color: #000000;
}

.products.list.products-list ol.product-items .product-item-details .price-box span.price {
    color: #f22b0c;
    font-size: 20px;
    font-weight: 600;
}

.products.list.products-list ol.product-items .product-item-details .product.description a.action.more {
    color: #f22b0c;
    font-size: 12px;
    font-weight: 500;
}

.products ol.product-items .product-item-details .product-item-inner .actions-primary form button.action.tocart {
    border-radius: 5px;
}

.toolbar.toolbar-products .mode-grid,
.toolbar.toolbar-products .mode-list {
    border: none;
    padding: 7px 7px;
}


.toolbar.toolbar-products .mode-list:before{
   
     background-image: url('../images/list-blue.svg');
    content: "";  
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;   
}


.toolbar.toolbar-products .mode-grid:before{
      background-image: url('../images/gird-blue.svg');
    content: "";  
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}





.toolbar.toolbar-products .mode-list.active:before{
    background-image: url('../images/list-red.svg');
    content: "";  
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;    
}


.toolbar.toolbar-products .mode-grid.active:before{
     background-image: url('../images/gird-red.svg');
    content: "";  
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat; 
}


.toolbar.toolbar-products a:hover {
    background: none;
}



.toolbar.toolbar-products ul.items li.item a {
    color: #000;
}

.toolbar.toolbar-products ul.items li.item.current strong.page {
    color: #f22b0c;
}

.toolbar.toolbar-products ul.items li a.action {
    border: solid 1px #ebebeb;
}

span.bottom_height {
    display: none;
}



body:not(.catalog-product-view) .page-title-wrapper,
.categorypath-shop .page-title-wrapper {
    display: none;
}


.sidebar-main .block.filter .filter-content dl.filter-options .am-slider .ui-slider-handle,
.sidebar-main .block.filter .filter-content dl.filter-options .am-slider .ui-slider-range {
    background: #f22b0c!important;
}


.sidebar-main .block.filter .filter-content .amshopby-slider-container .amshopby-slider-tooltip {
    background: #f22b0c!important;
}


.service-packages {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 2rem 0;
}


.service-packages article.service-package{
    width: 24%;
    margin-bottom: 4rem;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: center;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    padding-bottom: 74px;
}




.service-packages article.service-package .sp-top {
    position: relative;
    width: 100%;
    height: 6rem;
    margin-bottom: 3rem;
    background: #f22b0c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-packages article.service-package .sp-top h3 {
color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 0px;
}

.service-packages article.service-package .sp-top:before{
top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-width: 20px;
    margin-left: -20px;
}

.service-packages article.service-package .sp-top:before{
       border-top-color:#f22b0c; 
}

.sp-service-features .feature {
    display: flex;
    text-align: left;
    margin-bottom: 13px;
}

.sp-service-features {
padding: 0 20px 20px;
    min-height: 319px;
}


.service-packages article.service-package .sp-service-link {
position: absolute;
    bottom: 18px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
}



.sp-service-features .feature span.text {
    font-size: 14px;
    margin-left: 10px;
}


.sp-service-features .feature span.icon:before{
   content: "";
   background-image: url('../images/check-icon.png');
       width: 21px;
    height: 21px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.sp-service-features .feature.f-No span.icon:before{
   background-image: url('../images/cross-icon.png');
}

.sp-service-features .feature.f-No {
    opacity: 0.6;
}


.service-packages article.service-package .sp-service-link a.btn.c2btnsearch.sbtn {
    background: #f02b0d;
    display: inline-block;
    color: #fff;
    padding: 12px 25px;
    font-size: 14px;
    width: 100%;
}

.all-services .services-wrapper {
display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 910px;
    align-items: center;
    margin: 0 auto;
    flex-direction: row;
}

.all-services .services-wrapper .service-img {
    width: 40%;
}

.all-services .services-wrapper .service-content {
width: 60%;
    padding-left: 40px;
    text-align: center;
}

.all-services .services-wrapper .service-content p a {
    color: #000;
    font-weight: 400;
}

.all-services .services-wrapper .service-content a.btn-serv {
    margin-top: 25px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    font-size: 17px;
}



.all-services .services-wrapper:nth-child(even) .service-img{
order: 2;
}

.all-services .services-wrapper:nth-child(even) .service-content{
    order: 1;
    padding-left: 0px;
    padding-right: 40px;
}


.service-contact {
    background: #f22b0c;
    margin-bottom: 45px;
}

.service-contact .service-contact-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 45px;
}

.service-contact .service-contact-wrap .service-contact-form,
.service-contact .service-contact-wrap .service-contact-left {
width: 50%;
    padding: 0 15px;
}

.service-contact-left h1 {
    color: #fff;
}

.service-contact-left  p {
    color: #fff;
}

.service-contact-left h3 {
    color: #fff;
}

.service-contact-left ul li {
    color: #fff;
}


.service-contact-form form .field label,
.service-contact-form form .field label.fb-number-label.label,
.service-contact-form form .field label.fb-text-label.label {
    color: #fff;
}

.service-contact-form form .field.fb-number.form-group {
    max-width: 100%;
}

.service-contact-form .rendered-form .fieldset .fields .amcform-toolbar button.submit.primary {
    background: #fff;
    color: #000;
}

.service-contact-form .rendered-form .fieldset .fields .field.form-group textarea,
.service-contact-form .rendered-form .fieldset .fields .field.form-group select {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.service-contact-form .rendered-form .fieldset .fields  label.label {
    font-weight: 500;
}

.service-contact-form .rendered-form .fieldset .fields label.label::after {
    color: #fff !important;
}
.service-contact-form .rendered-form .fieldset .fields label.label span.required {
    color: #fff;
}

.service-contact-form .rendered-form .fieldset .fields label.label a {
    color: #fff;
    text-decoration: underline;
}

.categorypath-service-maintenance-maintenance .breadcrumbs_content {
    margin: 0px;
}

.categorypath-service-maintenance-maintenance .page-main {
    max-width: 100%;
    padding: 0px;
}

.categorypath-service-maintenance-maintenance .column.main {
    padding-bottom: 0px;
}


.cms-speak-to-a-sales-engineer .col2-set {
    display: inline-block;
    width: 100%;
    margin-top: 45px;
}

.maintenance-page-top {
    background: #0c0807;
}


/* ============================================
Maintenance page css start here 
============================================*/





/* ========================================
Media css start here
======================================== */


@media (max-width:1279px){

.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link.-main.-parent {
    font-size: 16px;
    padding: 18px 11px;
}

.menu_cart_wrapper .minicart-wrapper {
    margin-right: -585px;
}

.key-page div h2 {
    font-size: 17px;
}


.nested .key-page .key-slide p {
    font-size: 15px;
}


.footer_middle .footer-wrapper .footer-blocks.links-f .footer-logo a img {
    margin-left: 0px;
}

.footer-blocks ul.sitemap {
    padding-left: 16px;
    padding-top: 19px;
}


.footer_bottom small.copyright {
    margin-top: 9px;
    width: 37%;
    text-align: center;
    margin-bottom: 9px;
        margin-right: inherit;
    margin-left: inherit;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter {
    width: 75%;
}

.footer-wrapper .footer-blocks .form-new .newsletter {
    margin-bottom: 10px;
}


.footer_bottom .payment-types {
    position: relative;
    left: 0;
    bottom: 0;
}



.col-wrapper .col-helf-content {
    width: 80%;
    margin: 0 auto;
}


.thorough-examination-top .col-helf-content h2 {
    margin-bottom: 26px;
}

.thorough-examination-top .col-helf-content ul li p {
    margin-top: 27px;
       font-size: 18px;
}

.bottom-red-section .lolers-sec {
    padding: 67px 0px;
}


.opc-wrapper .form-shipping-address .field.search-container .control .search-bar input[type="text"] {
    width: 72.333% !important;
}



}




@media (max-width:1199px){
.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link.-main.-parent {
    font-size: 14px;
    padding: 18px 7px;
}

.menu_cart_wrapper .minicart-wrapper {
    margin-right: -501px;
}

.footer-wrapper .footer-blocks .address-detail ul li.address p {
    width: 89%;
}


.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li a, .footer-wrapper .footer-blocks p, .footer-wrapper .footer-blocks .address-detail ul li p, .footer-wrapper .footer-blocks .address-detail ul li a {
    font-size: 13px;
}

.sacle_images .home-block-add .home-block-banner h3 {
    font-size: 27px;
}

.key-page div h2 {
    height: 36px;
}

.blog-twitter-wrapper h3 strong,
.featured-products .block-title strong, .subtitle h2 {
    font-size: 22px;
}


.contactform .contact-block-wrapper .form-address h1 strong {
    font-size: 29px;
}

.nested .key-page .key-slide{
    padding: 5px 20px;
}


.cart-summary .actions-toolbar .primary {
    width: 100%;
}


.footer_bottom .payment-types ul.payment li a {
    height: 38px;
    width: 60px;
}

.footer_bottom small.copyright {
    width: 43%;
}




.col-wrapper .col-helf-content {
    width: 100%;
    margin: 0 auto;
}


.bottom-red-section .lolers-sec h2 {
    font-size: 50px;
}

.thorough-examination-top .col-wrapper .col-helf-content {
    padding: 30px 20px;
}


.contact-hire-wrapper .contact-hire-details h2 {
    font-size: 30px;
    margin-bottom: 16px;
    margin-top: 0px;
}

.contact-hire-wrapper .contact-hire-details p strong {
    font-size: 18px;
}
.contact-hire-wrapper .contact-hire-details p {
    margin-bottom: 14px;
}

.service-packages article.service-package {
    width: 48%;
}



.blog-posts .blog-posts-post header.blog-post-header h2.blog-post-title {
    min-height: 57px;
    font-size: 22px;
}

.sidebar .blog-sidebar-block .block-title strong.blog-sidebar-block-title {
    font-size: 19px;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item a.block-recent-posts-link {
    font-size: 13px;
}


article.blog-posts-post.blog-post {
    padding: 30px 20px;
}
.blog-post-info-item:not(:first-child) {
    margin-left: 0px;
    padding-left: 3px;
}

.blog-post-info li {
    font-size: 12px;
}


.opc-wrapper .form-shipping-address .field .control {
    width: 100%;
}

.opc-wrapper .form-shipping-address .field.search-container .control .search-bar input[type="text"] {
    width:75.333% !important;
 }

}


@media (max-width:1024px){


/* =======================================
Header css start here 
=======================================*/



.nav-toggle {
    display: none;
}

.page-header .header.content a.logo {
 margin-left: 0px;
}

.menu_cart_wrapper {
    background:#f22b0c;
    position: relative;
    display: inline-block;
    width: auto;
     padding: 0 16px;
         min-height: 45px;
}

.menu_cart_wrapper .minicart-wrapper {
    margin-right: 0;
    right: 11px;
}

.menu_cart_wrapper span.ammenu-menu-toggle span.ammenu-icon {
 height: 2px;
    background: #fff;
    border: none !important;
}

.menu_cart_wrapper .minicart-wrapper a.action.showcart {
    width: 40px;
    height: 40px;
    line-height: 40px;
        background-size: 23px;
}

.menu_cart_wrapper .minicart-wrapper a.action.showcart:before {
    background-image: url(../images/cart.svg);
    background-size: 23px;
    width: 24px;
    height: 24px;
    margin: 10px auto;
}

.ammenu-menu-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.menu_cart_wrapper .ammenu-nav-sections .ammenu-tabs-container .ammenu-title.active {
    background: #f22b0c!important;
}

.menu_cart_wrapper .ammenu-nav-sections .ammenu-tabs-container .ammenu-title {
    background: #1f2b36!important;
        width: 50%;
}


.menu_cart_wrapper .ammenu-nav-sections .ammenu-content nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link span.ammenu-wrapper,
.menu_cart_wrapper .ammenu-nav-sections .ammenu-content nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link {
    color: #000 !important;
        font-size: 15px;
        font-weight: 600;
}


.menu_cart_wrapper .ammenu-nav-sections .ammenu-content nav.ammenu-main-container ul.ammenu-items li.ammenu-item .ammenu-toggle .ammenu-icon:before,
.menu_cart_wrapper .ammenu-nav-sections .ammenu-content nav.ammenu-main-container ul.ammenu-items li.ammenu-item .ammenu-toggle .ammenu-icon:after{
 background: #363636 !important;   
}





.menu_cart_wrapper nav.ammenu-main-container ul.ammenu-items li.ammenu-item a.ammenu-link.-main.-parent {
    font-size: 15px;
    padding: 16px 55px 16px 25px;
    font-weight: 600;
}


.menu_cart_wrapper .ammenu-nav-sections .ammenu-content nav.ammenu-main-container ul.ammenu-items li.ammenu-item {
    border-bottom: 1px solid #ededed;
}

.menu_cart_wrapper .ammenu-menu-toggle.-active {
    position: fixed;
    right: 10px;
    top: 6px;
    z-index: 99999;
    bottom: inherit;
    left: inherit;
    background: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    padding: 2px 0 0 0;
    box-sizing: border-box;
}

.menu_cart_wrapper .ammenu-menu-toggle.-active .ammenu-icon:nth-of-type(1) {
    transform: translateY(10px) rotate(41deg);
}
.menu_cart_wrapper .ammenu-menu-toggle.-active .ammenu-icon:nth-of-type(3) {
    transform: translateY(-6px) rotate(-44deg);
}


.menu_cart_wrapper .ammenu-menu-toggle.-active .ammenu-icon {
     margin: 7px 8px;
    min-width: 25px;
    width: 25px;
        border-color: #000000 !important;
}

.panel.wrapper .panel.header .head-left ul li a {
  font-size: 13px;
 }

.panel.wrapper .panel.header .head-left ul li span.icon {
    font-size: 16px;
    margin-right: 6px;
}

.panel.wrapper .panel.header .head-left ul li {
margin-right: 13px;
}


.ammenu-nav-sections.nav-sections .header.links li > a{
color: #000 !important;
font-size: 15px;
}


.nested .key-page .key-slide {
position: relative;
    top: 0;
    padding: 13px 20px;
    height: 100%;
}



.page-header .panel.wrapper .panel.header .headers_links ul.header.links li {
    padding-left: 18px;
 }

.page-header .panel.wrapper .panel.header .headers_links ul.header.links li a {
    font-size: 12px;
}

.header-usp .header-usp-inner ul li a {
    font-size: 13px;
    padding: 14px 0;
}


.nested .key-page {
    width: 49%;
    margin: 0 0 40px 0;
    box-sizing: border-box;
    border: solid 15px #fff;
    box-shadow: 9px 9px 12px 11px #f1f1f1;
    overflow: hidden;
    position: relative;
    line-height: 0px;
    background: #ffffff;
}

.sacle_images .home-block-add .home-block-banner h3 {
    font-size: 21px;
}

.page-wrapper > .page-bottom p {
    font-size: 19px;
    padding: 23px 0;
}

.form-address form.rendered-form .amcform-page-wrap .form-group.field-lastname, .form-address form.rendered-form .amcform-page-wrap .form-group.field-phone,
.form-address form.rendered-form .amcform-page-wrap .form-group.field-firstname, .form-address form.rendered-form .amcform-page-wrap .form-group.field-email {
    width: 100%;
}

.blog-twitter-wrapper .blog-sec {
    display: block;
}

.blog-twitter-wrapper .blog-sec .blog-post {
    width: 100%;
    margin-bottom: 24px;
}


.blog-twitter-wrapper .blog-sec .blog-post .block-recent-posts-item a {
    font-weight: 600;
}


.blog-twitter-wrapper h3 strong, .featured-products .block-title strong, .subtitle h2 {
    font-size: 19px;
}


.footer_middle .footer-wrapper .footer-blocks.email-f {
      width: 50%;
    padding: 0 20px;
}

.footer_middle .footer-wrapper .footer-blocks.address-f {
    width: 25%;
}

.footer_middle .footer-wrapper .footer-blocks.links-f {
    width: 25%;
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .actions button.action.subscribe {
    line-height: 49px;
    font-size: 13px;
    padding: 0px 18px;
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter input[type=email] {
    height: 49px;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter .control::before {
    top: 7px;
}

.footer_bottom small.copyright {
    font-size: 12px;
}

.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li a, .footer-wrapper .footer-blocks p, .footer-wrapper .footer-blocks .address-detail ul li p, .footer-wrapper .footer-blocks .address-detail ul li a {
    font-size: 12px;
}


/* =======================================
Product listing page css 
=========================================*/


.page-products .products-grid .product-item {
    width: 49%;
    margin-bottom: 30px;
}


.page-products .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 2%;
}

.page-products .products-grid .product-item:nth-child(2n + 1) {
    margin-left: 0;
}


.page-products .products-grid .product-item .product-item-info {
    width: 100%;
}


.subcat-content {
    margin-bottom: 2%;
    width: 49%;
}

.product.info.detailed .product .data.item a {
    font-size: 12px;
    height: 47px;
    line-height: 47px;
    padding: 0px 13px 0px 14px;
}

.product.data.items > .item.content .attribute.description .value p {
    font-size: 13px;
    line-height: 20px;
}


.product-info-main .product-options-bottom .fieldset .actions button.tocart {
    min-width: 100%;
    width: 100%;
}

.product-info-main .product-options-bottom .box-tocart .field.qty div.mage-error {
    position: absolute;
}



/* ===================================================
Cart page css start here
=================================================== */

.cart-container .form-cart {
    width: 70%;
}

.cart-summary {
    width: 28%;
}


.column.main .abs-discount-block > .title strong, 
.column.main .cart-summary .block > .title strong, 
.column.main .paypal-review-discount .block > .title strong {
    font-size: 12px;
}

.cart-summary p.field.note {
    font-size: 12px;
}
.cart-summary form .field label.label {
    font-size: 12px;
    font-weight: 500;
}

.cart-container .checkout-methods-items .action.primary {
    padding: 14px 9px;
}

table.cart.items tbody.item td.item .product-item-details strong.product-item-name a {
    font-size: 14px;
}


table.cart.items tbody.item td.col.subtotal span.price,
table.cart.items tbody.item td.col.price span.price {
    font-size: 14px;
}



table.cart.items tbody.item td.col.qty .input-text {
    height: 39px;
}


.about-page .about-our-company {
    max-width: 700px;
}

.about-ourteam .our-team .col-team {
    width: 49%;
    text-align: center;
    margin-top: 40px;
}



.footer_bottom .payment-types ul.payment li a {
    height: 32px;
    width: 48px;
    border-radius: 5px;
}

.footer_bottom .payment-types ul.payment li a.mastercard {
    background-position: center -45px;
    background-size: 40px;
}



.footer_bottom .payment-types ul.payment li a.visa-debit {
    background-position: center -125px;
    background-size: 40px;
}


.footer_bottom .payment-types ul.payment li a.visa {
    background-position: center -164px;
    background-size: 40px;
}

.footer_bottom .payment-types ul.payment li a.paypal {
    background-position: center -187px;
    background-size: 36px;
}

.footer-wrapper .footer-blocks .address-detail ul li.address p {
    width: 84%;
}

.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter {
    width: 67%;
}


.blog-twitter-wrapper .blog-sec .blog-sidebar-block ul.block-recent-posts li.block-recent-posts-item {
    max-width: 100%;
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
}

/* =========================================
category page tabs 
=========================================*/

ul.mst-search__result-tabs li {
    float: none;
    width: 47%;
    margin: 0px 6px 9px;
}


.col-wrapper {
    padding: 22px 20px;
}


.col-wrapper .col-helf-content h2 {
    font-size: 25px;
}


.thorough-examination-top .col-helf-content ul li {
    width: 100%;
    text-align: center;
}

.thorough-examination-top .col-helf-content ul li p {
    margin-top: 8px;
    font-size: 15px;
}

.bottom-red-section .lolers-sec h2 {
    font-size: 41px;
}

.bottom-red-section .lolers-sec p {
    width: 100%;
}


.contact-hire-wrapper .contact-hire-img,
.contact-hire-wrapper .contact-hire-details{
width: 100%;
}


.contact-page .col-wrapper .col-half .address-block {
    width: 50%;
    padding: 0 10px;
}

.contact-page .col-half h2 {
    font-size: 19px;
}

.contact-page p {
    margin-bottom: 3px;
    font-size: 12px;
}

.cms-contact-us h1 {
    font-size: 26px;
}

.contact-page .col-wrapper .col-half img {
    object-fit: cover;
    width: 100%;
}

.contact-page .col-wrapper .col-half .address-block .social-icon a img {
    width: 26px;
    margin-right: 6px;
}


.service-contact .service-contact-wrap {
    padding: 40px 20px;
}

.service-contact-left h1 {
    font-size: 23px;
}


.aw_blog-index-index.page-layout-2columns-left .column.main,
.aw_blog-index-index.page-layout-2columns-left .sidebar-main {
    width: 100%;
}

.sidebar.sidebar-main .blog-sidebar-block {
    margin-bottom: 45px;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item {
    display: block;
    max-width: 100%;
}

.sidebar .block-content ul.block-recent-posts {
    margin: 0px;
    display: block;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item {
    display: block;
    max-width: 100%;
}

.opc-wrapper .form-shipping-address .field.search-container .control .search-bar input[type="text"] {
    width: 66.333% !important;
}



}



@media (max-width:768px){


.container {
    padding-left: 15px;
    padding-right: 15px;
}



.page-header .header.content a.logo {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: inline-block;
}

.menu_cart_wrapper .minicart-wrapper {
    right: 0px;
     margin-top: 5px;
}

.panel.wrapper .panel.header .head-left ul li {
    margin-right: 4px;
    margin-left: 4px;
}

.page-header .header.content {
    text-align: center;
}


.menu_cart_wrapper span.ammenu-menu-toggle {
    padding: 0 20px;
    height: 100%;
    margin: 0px;
}

.page-header .panel.wrapper .panel.header .headers_links {
    display: none;
}

.page-header .panel.wrapper .panel.header {
    padding: 10px 0;
    text-align: center;
        justify-content: center;
}

.panel.wrapper .panel.header .head-left ul li span.icon {
    font-size: 14px;
}


.panel.wrapper .panel.header .head-left ul li a {
    font-size: 12px;
}



.page-wrapper > .page-bottom {
    padding: 0px;
}

.block.block-search .field.search {
    position: relative;
}


.page-header .header.content .block.block-search {
    display: block;
    width: 100%;
    max-width: 100%;
}
.block.block-search .field.search label.label {
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 10px;
}


.page-header .header.content .block.block-search .control input[type=text] {
    width: 100%;
    padding: 0 14px;
    font-size: 13px;
    position: relative;
    left: 0px;
        margin: 0px;
}

.page-header .header.content .block.block-search .control {
    border: none;
    margin: 0px;
    padding: 0px;
}


.key-page div h2 {
    height: 46px;
}

.nested .key-page {
    width: 100%;
}

.sacle_images .home-block-add {
    display: block;
}

.sacle_images .home-block-add .home-block-banner {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}


.products-grid .owl-stage-outer .product-item-info .product-item-details,
.products-grid .owl-stage-outer .product-item-info a.product-item-photo {
    display: block;
    text-align: center;
}

.cms-index-index .products-grid.grid ol.product-items li.product-item .product-item-details strong.product-item-name a.product-item-link {
    min-height: auto;
}

.sacle_images {
    padding-bottom: 35px;
}

.contactform .contact-block-wrapper {
    display: block;
}

.contactform .contact-block-wrapper .form-address {
    width: auto;
    padding: 30px 25px;
}

.contactform .contact-block-wrapper .map {
    width: 100%;
}

.contactform .contact-block-wrapper .map iframe {
    height: 600px;
    width: 100%;
}

.blog-twitter-wrapper {
    display: block;
}

.blog-twitter-wrapper .blog-sec {
    display: block;
    width: 100%;
}

.blog-twitter-wrapper .twitter-sec {
    width: 100%;
    margin-left: auto;
    margin-top: 45px;
}

.blog-twitter-wrapper .blog-sec h3 {
    margin-top: 0px;
}

.blog-post-content {
    margin-bottom: 49px;
    padding-top: 12px;
}

.blog-twitter-wrapper .blog-sec .blog-post .blog-post-content p {
    font-size: 14px;
 }

.sacle_images .home-block-add .home-block-banner h3 {
    font-size: 19px;
    margin-top: 0px;
}

.contactform .contact-block-wrapper .form-address p.add:before {
    width: 35px;
    background-position: 0px 4px;
    height: 35px;
}


.page-wrapper > .page-bottom p {
    font-size: 16px;
}

.footer_middle .footer-wrapper .footer-blocks.links-f ul.sitemap li a, .footer-wrapper .footer-blocks p, .footer-wrapper .footer-blocks .address-detail ul li p, .footer-wrapper .footer-blocks .address-detail ul li a {
    font-size: 14px;
}


.footer_middle .footer-wrapper .footer-blocks.links-f,
.footer_middle .footer-wrapper .footer-blocks.email-f,
.footer_middle .footer-wrapper .footer-blocks.address-f {
    width: 100%;
}


.footer_middle .footer-wrapper .footer-blocks.email-f,
.footer_middle .footer-wrapper .footer-blocks.address-f {
margin-bottom: 34px;
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 23px;
  padding-left: 0px;
    padding-right: 0px;  
}

.footer_middle .footer-wrapper .footer-blocks ul.social-links {
    justify-content:center;
}

.footer-blocks ul.sitemap {
    padding-left: 3px;
}

.footer_bottom {
    display: block;
    justify-content: center;
}

.footer_bottom .payment-types {
    margin-bottom: 20px;
    text-align: center;
}

.footer_bottom .payment-types ul.payment {
    justify-content: center;
}

.footer_bottom small.copyright {
    text-align: center;
}

.header-usp .header-usp-inner {
    height: 48px;
    position: relative;
    overflow: hidden;
}


.header-usp .header-usp-inner ul {
list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;

 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);    
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: example 10s linear infinite;
 -webkit-animation: example 10s linear infinite;
 animation: example 10s linear infinite;


}

.header-usp .header-usp-inner ul li {
    margin-bottom: 0px;
    margin-right: 20px;
}



@-moz-keyframes example {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example {
 0%   { 
 -moz-transform: translateX(100%);
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);       
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.header-usp .header-usp-inner ul:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 }


.products-grid.grid ol.product-items li.product-item .product-item-details .price-box span.price {
    font-size: 16px;
}


.product.data.items > .item.content {
    margin-top: 2px;
}



.featured-products .products-grid.grid .owl-nav button.owl-prev {
    left: 8px;
}

.featured-products .products-grid.grid .owl-nav button.owl-next {
    right: -35px;
}



.cart-summary {
    width: 100%;
}

.cart-container .form-cart {
    width: 100%;
}


.amform-form {
    margin: 0 auto 10px;
    max-width: 100%;
}


.about-page .about-our-company {
    max-width: 100%;
    width: 95%;
}


.footer-wrapper .footer-blocks .form-new .newsletter form.form.subscribe .field.newsletter {
    width: 74%;
}

footer.page-footer:before {
    bottom: 119px;
}

.footer_bottom small.copyright {
    text-align: center;
    width: 100%;
}


/* ===============================================
Request a quote Pge css start here */



.cms-speak-to-a-sales-engineer .col2-set .col-2,
.cms-speak-to-a-sales-engineer .col2-set .col-1,
.cms-request-a-quote .col2-set .col-2,
.cms-request-a-quote .col2-set .col-1 {
    width: 100% !important;
    padding-right: 0px !important;
}


.cms-request-a-quote .col2-set .col-1 p img {
    width: 100%;
}


.col-wrapper .col-half {
    width: 100%;
        margin-bottom: 30px;
}


.bottom-red-section .lolers-sec {
    padding: 34px 0px;
}

.bottom-red-section .lolers-sec h2 {
    font-size: 38px;
    margin-top: 0px;
}


.categorypath-training h1 {
    font-size: 28px;
}


.tarining-sec p,
.training-slider-wrapper .training-info p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 27px;
}

.testimonials-sec h2 {
    margin-bottom: 30px;
    margin-top: 0px;
    font-size: 33px;
    letter-spacing: 11px;
}



.nationwide-raf h2,
.tarining-sec h2 {
    margin-bottom: 29px;
    margin-top: 0px;
    font-size: 26px;
    letter-spacing: 3px;
}


.nationwide-raf {
    padding: 60px 30px;
}

.footer-wrapper .footer-blocks .footer-logo a {
    display: block;
    text-align: center;
}


.service-packages article.service-package {
    width: 100%;
}

.all-services .services-wrapper .service-img {
    width: 100%;
}

.all-services .services-wrapper .service-content {
    width: 100%;
    padding-left: 0px;
    text-align: left;
    margin-bottom: 36px;
}

.all-services .services-wrapper {
    flex-direction: inherit;
}

.all-services .services-wrapper .service-img img {
    width: 100%;
}


.all-services .services-wrapper .service-content h2 {
    font-size: 19px;
}



.service-contact .service-contact-wrap .service-contact-form, .service-contact .service-contact-wrap .service-contact-left {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
}

.blog-posts {
    display: block;
}

article.blog-posts-post.blog-post {
    padding: 30px 20px;
    width: 100%;
}


#blog-related-posts .block-content ul.block-related-posts li.block-related-posts-item {
    width: 100%;
}

#blog-related-posts .block-content ul.block-related-posts li.block-related-posts-item a.related-post-featured-image-link img.recent-post-featured-image {
    width: 100%;
}



/* ==============================================
Checkout page css start here
============================================== */

.checkout-container .authentication-wrapper {
    margin-top: 0px;
    max-width: 50%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}



.opc-estimated-wrapper .minicart-wrapper button.action.showcart {
padding: 0 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart:before {
    color: #fff;
    display: block;
    margin: 0px 0 0;
}

.opc-estimated-wrapper .minicart-wrapper button.action.showcart span.counter.qty {
    position: absolute;
    top: -16px;
    background: #000000;
    width: 24px;
    border-radius: 50%;
    font-size: 10px;
}


.opc-wrapper .form-shipping-address .field.search-container .control .search-bar input[type="text"] {
    width: 100% !important;
}

.opc-wrapper .form-shipping-address .field.search-container .control .search-bar button.action.primary {
    height: 49px;
    border-radius: 0px;
    width: 100%;
    float: none;
}

.block-customer-login .block-content form .field {
    text-align: left;
}



/* ================================================================
Bundel Product css start here 
 ================================================================*/

.product-add-form form .table-wrapper table.table.data tr td.col.item {
    display: block;
    gap: 0px;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt {
    display: block;
    text-align: center;
        width: 100%;
}



.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .bss-gpo-img {
    padding-right: 15px;
    box-sizing: border-box;
    width: 72px;
    
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text {
    width: 100%;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-gpo-price-box {
    text-align: center;
}

.product-add-form form .table-wrapper table.table.data tr td.col.qty {
    text-align: center;
}

.product-add-form form .table-wrapper table.table.data tr td.col.item .bss-imgtxt .text .bss-gpo-child-product-info select{
max-width: 100%;
}

/* ================================================================
Bundel Product css start here 
 ================================================================*/




}




@media only screen and (max-width: 639px){

.products-list .product-item-info {
    display: block;
    width: 100%;
}


.products-list .product-item-info .product-item-details {
    width: 100%;
    display: block;
}

.products.list.products-list ol.product-items li.item .product-item-info a.product-item-photo span.product-image-container {
    background: #fff;
    box-shadow: none;
    width: 100% !important;
    border: solid 1px #eeeeee;
}


.products-list .product-item-info .product-item-details .product-item-actions {
    text-align: center;
}


.subcat-content {
    margin-bottom: 2%;
    width: 100%;
}


.about-ourteam .our-team .col-team {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.about-page .about-our-company ul {
    padding-left: 0px;
}


.contact-page .col-wrapper .col-half .address-block {
    width: 100%;
    padding: 0 10px;
}




}


@media (max-width:479px){



.contactform {
    background: #f5f6f8;
    padding: 50px 0;
}

.contactform .contact-block-wrapper .form-address {
    width: auto;
    padding: 20px 15px;
}


.contactform .contact-block-wrapper .form-address p, 
.contactform .contact-block-wrapper .form-address p a {
    font-size: 12px;
}

.contactform .contact-block-wrapper .form-address h1 strong {
    font-size: 24px;
    padding-top: 0px;
}

.contactform .contact-block-wrapper {
    border-radius: 12px;
}

.contactform .contact-block-wrapper .form-address p.em:before {
    background-size: 17px;
}

.footer_bottom .payment-types ul.payment li a {
  width: 58px;
}

.page-products .products-grid .product-item {
    width: 100%;
    margin: 0px;
}

.products-grid.grid ol.product-items li.product-item .product-item-details strong.product-item-name a.product-item-link {
    min-height: auto;
}

.page-products .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
}


/* =========================================
category page tabs 
=========================================*/

ul.mst-search__result-tabs li {
    float: none;
    width: 100%;
    margin: 0px 0px 9px;
}


}

.category_banner img {width: 100%;height: auto;}





.subcat-content .product-image {
    position: relative;
    display: block;
    display: block;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 21px #c1cfd6;
    overflow: hidden;
}
 
 
.subcat-content .product-image a {
    display: block;
    overflow: hidden;
}
 
.subcat-content .product-image img {
    object-fit: cover;
    height: 260px;
    width: 100%;
    vertical-align: bottom;
    transition: transform 0.3s ease-in-out;
}
 
.subcat-content .product-image:hover a img {
    transform: scale(1.2);
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item {
    margin-bottom: 15px;
}

.sidebar .block-content ul.block-recent-posts li.block-recent-posts-item img {
    border: solid 4px #f5f6f8;
}