@media (max-width:767px)
{
.slick-dots .animated-dot {
    filter: contrast(0.5);
}
.slider .slick-dots li button:before {
    background: #000;
}
.hero-banner .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #fff !important;
    border: 1px solid #000;
    background: #fff!important;
    top: -3px;
    width: 15px;
    height: 15px;
    left: 0px;
}
.right_nav {
    position: absolute;
    bottom: 18px;
    right: 70px;
    top: 0px;
}
section.hero-banner.mb-5 {
    padding-bottom: 30px;
}
.slick-dots li button:before {
    font-size: 12px;

}
section.sechome-two.mt-5.home-abt p {
    margin-bottom: 15px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 100%;
}
.right_nav ul li {
    margin-left: 5px;
   
}
li.wpmenucartli a.wpmenucart-contents span {
    display: inline-block!important;
    width: 10px;
    overflow: hidden;
    white-space: nowrap;
}
.site-logo img {
    max-height: 6rem;
    margin: inherit;
    width: auto;
}
  p {font-size: 1rem;}
  .logo img {  max-width: 40%;} 
  .foot-band {  padding: 20px 0px 10px;}
  .sec-cont img { max-width: 65%;}
  
  .foot-logo { max-width: 70%;  margin: 0 auto;}
  .foot-social ul { justify-content: center;  margin-top: 20px;}
  .section-one { padding: 30px 0 20px;}
  .cont-bred {  color: #fff;  padding: 10% 4%;}
  .consec { padding: 60px 20px 40px;}
  .abt-sectwo .col-md-2 {display: none;}
  .abt-year {width: 100%;}
  .p12, .p25, .p40 { padding-top: 0;}
.flow {  display: block !important;}
.flo-rgt {   float: none;}
.yr-img {  margin-bottom: 30px;}
.dk-none {display: block;}
.abt-secone {background: #000;  text-align: center;}
.abt-mob-bann img {   max-width: 100%;}
.abt-year a {  margin: 0px 30px;}
.abt-sectw {overflow: scroll;}
.logo.text-center {    text-align: left !important;}
.nav.active label {
    background: #000;
    top: -25px;
    padding: 15px 14px;
    right: 0;
}
.nav__toggle {margin: 0;}
.nav label {   top: 0px;  right: 15px;}
.menu-padd { overflow: hidden;}
ul.nav__menu li a {  color: #fff;  font-weight: bold;}
nav.nav.active {   padding: 30px 0;}
ul.nav__menu li a:hover {  color: #000;}
nav.nav.active { background: #000;   width: 100%;    margin-left:0%;        margin-top: 5px;}
.year-inner h3 {  font-size: 2rem;}
.year h2 {  font-size: 3rem;}
.mbnone {display: none !important; }
.dsknone {display: block !important;}
.bancont {    display: block; text-align: center;}
.slider .slick-dots {  bottom: -40px;}
.sechome-two{overflow: hidden;}
.banleft h1, .sec-cont h1 { font-size: 2.5rem; line-height: 3rem}

.footmenu ul {  display: block;}
.sechome-two .col-md-12 {  padding: 0px;}
.banner-txt-sec {bottom: 10%;}
.banner-txt-sec h2 {  margin-bottom: 15px !important;}
.banner-txt-sec p {  margin-bottom: 5px;}
.sechome-three .slick-dots li button:before {    opacity: 1;  }
.slick-dots li.slick-active button:before {
    background: none !important;  content: '';  border: 1px solid;  width: 13px;   height: 13px;   top: 0px;  left: 0px;  border-radius: 7px;    opacity: 1 !important;}
.col-swa { justify-content: center;}
.home-abt {padding: 0;}
.home-abt p { width: 60%;  margin: 0 auto;}
.home-abt .banner-txt-sec h2 { margin-bottom: 5px !important;}
.cpyright p span { display: none;}
.cpyright p a { display: block;}
.abt-prod {display: block; text-align: center;}
.prod-price:before {display: none;}
.prod-name h3 { font-size: 2rem;  line-height: 2.2rem;}
.cat-sec .banner-txt-sec{width: 90%;}
.cat-sec .banner-txt-sec h1+p {   margin-bottom: 20px;}
.vido-img img {  max-width: 100%;}
.accordion-button {  padding: 10px 0px !important;}
.accordion-body {  width: 98%;}
.woocommerce .related.products ul.products, .woocommerce-page .related.products ul.products {
    display: block;
}

.xoo-wsc-sml-qty.vt input.qty-input {
    text-align: center;
    margin-left: 0px;
}
.wpmc-nav-wrapper {
    padding: 20px;
}
ul.nav__menu {
    width: 100%;
    align-items: start;
    gap: 0px;
}
.container.productscustom .onsale {
    top: 70px;
    left: 0%;
}
ul.products li.product .woocommerce-loop-product__link {
    pointer-events: none;
}
td.product-name a.remove {
    text-align: right;

}
.right_nav ul a.my-account-link {
    font-size: 0px;
}
.slick-slide.slick-current.slick-active .hover-show {
    position: absolute;
    bottom: 5%;
    width: 100%;
    left:0%;
    z-index: 2;
    transition: 5s ease;
    display: block;
}

}




@media only screen and (min-width: 768px) and (max-width: 999px)  {

.jour span h3 {bottom: 20px;  font-size: 2rem;}
.jour span {   height: 90px;}

}

@media only screen and (min-width: 999px) and (max-width: 1150px)  {
  .jour span h3 {bottom: 30px;  font-size: 3rem;}
.jour span {   height: 100px;}
ul.sub-menu.mega-menu> .container>li>a {
    font-size: 14px;

}
.mega-menu .container li ul.sub-menu .container li a {
    font-size: 12px;
}
}

@media (min-width:800px){
.story a:before {
    content: "";
    background: url("https://atuat.wpenginepowered.com/wp-content/uploads/2024/09/about.png");
    width: 200px;
    display: block;
    height: 110px;
    margin-bottom: 10px;
}
.Media a:before {
    content: "";
    background: url("https://atuat.wpenginepowered.com/wp-content/uploads/2024/09/media.png");
    width: 200px;
    display: block;
    height: 110px;
    margin-bottom: 10px;
}
.Legal a:before {
    content: "";
    background: url("https://atuat.wpenginepowered.com/wp-content/uploads/2024/09/legal.png");
    width: 200px;
    display: block;
    height: 110px;
    margin-bottom: 10px;
}
.cumt ul.sub-menu.mega-menu .container{
    width: auto;
    max-width: max-content;
 
}
.cumt ul.sub-menu.mega-menu .container > li {
    position: relative;
    width: 33.333%;
}
.cumt ul.sub-menu.mega-menu .container > li a {
    border: none;
    margin: 0px;
    padding-bottom: 0px;
}
.cumt ul.sub-menu.mega-menu .container > li a:after{    display: none;}
}


@media (min-width:1200px){
h2 {font-size: 2.5rem !important;}
.tax-product_cat .wbm_banner_image .banner_default_title_row h2 {  font-size: 32px !important;}

.prod-price p {  font-size: 22px;}
.prod-price p del {   font-size: 20px; color: #6C6C6C; margin-right:5px; }
.wbm_banner_image img {
    width: 50%;
    float: right;
}
.actual_banner {
    width: 100%;
    margin: initial;
    float: left;
    background: #000;
}
section.sechome-three.mt-5.teams ul.slick-dots {
    bottom: -37px;
}
body section.abt-sectwo .year h2 {
    font-size: 77px !important;
}
.slick-slider ul.products {
    margin: 0px -10px;
}
.pls {
    padding-left: 50px;
}
.plr {
    padding-right: 50px;
}
.woocommerce-cart-form {
    padding-right: 50px;
}
}

@media (min-width:1440px){
.section-one {  height: 73vh;  display: flex;   align-items: center;}
.container.productscustom .onsale {
    left: 51.7%;
}
}

@media (min-width:1650px)
{
.prod-hei {    height: 280px;}
.abt-secone {height: 75vh;  display: flex;  align-items: center; }
.jour span {   height: 78px;}
.banleft h1, h1 {font-size: 3rem !important;     line-height: 3rem !important;}
.sec-cont h1 {    font-size: 3.3rem;     line-height: 3.5rem;}
.sec-cont p, p {  font-size: 18px;}
.accordion-body ul li, .accordion-body table tr td {  font-size: 18px;}
.cont-bred {  padding-left: 32%;}

.banner_default_title_row {
  padding-left: 16.5%;
}
.banner_button_container {
     padding-left: 16.5%;

}
}

@media (max-width:767px)
{
.mobmenur-container {
    position: fixed;
}
ul.modal-menu.reset-list-style {
    padding-top: 20px;
}
button.sub-menu-toggle {
    border-left: 0.1rem solid #dedfdf;
    flex-shrink: 0;
    margin: 1rem 0;
    padding: 0 1.2rem;
}
button.toggle.nav-toggle.mobile-nav-toggle svg.svg-icon {
    display: none;
}
button.toggle.nav-toggle.mobile-nav-toggle.active img.hamburger {
    display: none;
}

button.toggle.nav-toggle.mobile-nav-toggle.active svg.svg-icon {
    display: block;
}
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #fff;
}
.menu-modal.active {
    top: 47px;
 background: #000;
}
button.toggle.nav-toggle.mobile-nav-toggle.active {
    background: #000;
    fill: #fff;
    height: 55px;
    right: -1px;
}
button.sub-menu-toggle svg {
    height: 0.9rem;
    transition: transform 0.15s linear;
    width: 1rem;
    transform: rotate(275deg);
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 0.8rem;
    width: 3rem;
}
ul.sub-menu.active a {
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    text-transform: uppercase;
}

button.toggle.close-nav-toggle.fill-children-current-color {
    display: none;
}
.menu-modal-inner {
    background: #000;
}
.modal-menu ul li {
    border-left-width: 0rem;
}
.modal-menu ul li {
    border-left-width: 0rem;
}
ul.sub-menu li {
    display: block;
}
ul.sub-menu li a {
    font-size: 1.5rem;
}
.ancestor-wrapper.active-wrapper a {
    text-align: center;
}
.ancestor-wrapper.active-wrapper {
    flex-direction: row-reverse;
}
.ancestor-wrapper.active-wrapper button.sub-menu-toggle.active svg {
    transform: rotate(-90deg);
}


.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
    border-color: transparent;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a:where(:not(.wp-block-button__link)), #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #fff;
}
.modal-menu a {
    padding: 1rem 1.5rem;
    width: 100%;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 600;
}
ul.sub-menu li {
    padding: 5px 0px;
}
.menu-bottom {
    display: none;
}
.nav-toggle {
    top: -6px;
    width: 2.6rem;
}

button.toggle.nav-toggle.mobile-nav-toggle.active
{

    width: 3rem;
}
#header .menu-item-has-children>a:before {
    float: right;
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    transform: rotate(180deg);
    font-size: 20px;
}
#header ul.nav__menu .menu-open>ul.sub-menu.mega-menu> .container>li {
    padding: 0px !important;
}
#header ul.nav__menu .menu-open>ul.sub-menu.mega-menu> .container>li a {
    padding: 10px 20px !important;
    display: block;
        margin: 0px;
}

#header .menu-open>a {
    padding: 10px 20px !important;
    display: block;
}
#header ul.sub-menu.mega-menu .container {
    flex-wrap: wrap;
}
#header .menu-open ul.sub-menu.mega-menu .container {
    flex-wrap: wrap;
}
#header .menu-open {
    padding: 0px !important;
}#header .menu-open>a {
    padding: 10px 20px !important;
}
.mega-menu .container li ul.sub-menu .container li {
    padding: 0px !important;
}
#header .menu-open ul.sub-menu.mega-menu {
    display: block !important;
}
.mega-menu> .container> li {
    position: relative;
    width: 100%;
}
.col-md-12.menu-padd {
    padding: 0px;
}
.banner_button_container {
    position: absolute;
    top: 23% !important;
    width: 100%;
    text-align: center;
    padding: 15px 16px;
}
.banner_button_desciption {
    text-align: left;

}
.actual_banner .banner_default_title_row {
    top: 18%;
}
.archive.tax-product_cat .woocommerce-ordering {
    position: relative;
    top: -15px;
}
.banner_default_title_row {
    position: absolute;
    top: 25%;
    text-align: left;
    color: #fff;
    font-size: 3rem;
    padding-left: 15px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering select.orderby {
    float: right;
}
}

@media only screen and (min-width: 767px) and (max-width: 1080px)  {
    .mobmenur-container {
        top: 40px;
        margin-right: -5px;
    }
.prod-price span.price span.woocommerce-Price-amount.amount {
    font-size: 16px;
}
.prod-price span.price span.woocommerce-Price-amount.amount + span.woocommerce-Price-amount.amount bdi {
    font-size: 14px;
}
.prod-price span.price span.woocommerce-Price-amount.amount + span.woocommerce-Price-amount.amount bdi span {
    font-size: 16px;
}
.woocommerce-product-details__short-description {
    font-size: 14px;
}
}
@media only screen and (max-width: 1024px) {
    .mob-menu-header-holder {
        width: 100%;
        background-color: transparent;
        height: 50px;
        position: absolute;
    }
}