@media (max-width: 1199px) {
  .logoBlock a img{
    width: 100%; 
  }
  .mainMenu ul{
    padding: 0px;
  }
  .mainMenu ul li{
    padding: 0px 17px;
  }
  .mainMenu {
    margin: 27px 0px;
  }
  .adminMenu {
    margin: 22px 0px;
  }
}

@media (max-width: 991px) {
  
  .mainMenu{
    margin: 16px 0px;
  }
  
  .mainMenu ul li{
    padding: 0px 5px;
  }
  .mainMenu ul li a{
    font-size: 14px;
  }
  .adminMenu{
    margin: 12px 0px;
  }
  .sliderBlock {
    padding: 10px 0px 30px 0px;
  }
  .sliderBlock h1{
    font-size: 32px;
  }
  .sliderBlock p{
    font-size: 16px;
  }
  .sliderBtn{
    margin-top: 8px;
  }
  /*.sliderBtn a{
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 600;
  }*/
  .introTextBlock{
    padding-top: 20px;
  }
  .introTitle {
    padding: 10px 10px 0px 10px;
  }
  .introTextBlock h3{
    font-size: 22px;
  }
  /*.serBlockContainer {
    padding: 8px 0px 0px 0px;
    margin: 0px 30px;
  }*/

  .serBlockContainer {
    padding: 0px;
    text-align: center;
}

  .serviceBlock{
    padding-bottom: 5px;
  }

  .secText {
    padding: 5px 20px;
    text-align: center;
  }
  .secText h3{
    font-size: 25px;
    margin-bottom: 15px;
    padding-top: 30px;
  }
  .scopBlock{
    padding: 70px 0px;
    background-color: rgba(60, 8, 8, 0.74);
  }
  .copyrightBlock{
    text-align: center;
  }
  .copyrightBlock ul li{
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  form.cart .single_add_to_cart_button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mobileView{
    display: block;
  }
  .sliderBlock {
    top: 35%;
  }
  .header {
    background: url(../images/HOME--mobile-750x828_no-CTA.jpg)no-repeat 50% 50%;
    background-size: cover;
  }
  .desktopView{
    display: none;
  }
  .logoBlock a img{
    width: 110px;
  }
  .logoBlock{
    text-align: center;
  }
  .topBar p{
    font-size: 12px;
  }
  .menuBlock{
    padding: 10px 0px;
  }
  .mainMenu{
    display: none;
  }
  .adminMenu ul{
    margin: 0px;
  }
  /*.sliderBlock h1{
    font-size: 20px;
    margin-bottom: 5px;
  }
  .sliderBlock p{
    padding-top: 5px; 
  }*/
  .sliderBlock{
    text-align: center;
  }
  /*.sliderBtn a{
    font-size: 12px;
  }*/
  .secImgBlock img{
    display: none;
  }
  .introTextBlock h3, .introTextBlock .introTitle p{
    text-align: center;
  }
  .featuredProducts{
    padding: 30px 0px;
  }
  .featuredProducts .sectionTitle h3{
    font-size: 22px;
  }
  .secDesc p{
    font-size: 18px;
    margin-top: 15px;
  }
  .productContainer .addCartBtn{
    opacity: 1;
    bottom: 10px;
  }
  .productContainer:hover .addCartBtn{
    bottom: 10px;

    opacity: 1;
  }
  .scopBlock h3{
    font-size: 26px;
  }
  .scopBlockDescp h4{
    font-size: 20px;
  }
  .scopBlockDescp p{
    font-size: 16px;
  }
  .scopBlockDescp .btn a{
    font-size: 14px;
  }
  .productContainer{
    /*box-shadow: 0px 0px 13px 0px #ccc;
    border-radius: 10px;*/
    padding: 20px 0px;
  }
  .scopBlock{
    background-color: rgba(60, 8, 8, 0.74);
    padding: 40px 0px;
  }
  .featuredProducts .owl-carousel .owl-nav button.owl-prev, .featuredProducts .owl-carousel .owl-nav button.owl-next{
    top: 40%;
  }
  .contactBlock{
    padding: 30px 0px;
  }
  .contactBlock h3{
    font-size: 26px;
  }
  .contactBlock p{
    font-size: 18px;
  }
  .contactFormBlock button{
    font-size: 16px;
  }
  .copyrightBlock{
    text-align: center;
  }
  .copyrightBlock ul li{
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  .colTitle h4{
    font-size: 14px;
  }
  .socialMediaBlock{
    text-align: center;
  }
  .socialMediaBlock ul {
    padding: 0px;
    margin: 20px 0px 20px 0px;
  }
  .securePaymentBlock img{
    width: auto;
  }


  /******************************************************
  Mobile Menu
  ******************************************************/
  .mainMenu{
    position: fixed;
    width: 80%;
    z-index: 99999;
    background: #333333;
    left: 0px;
    text-align: left;
    top: 105px;
    height: 100%;
    overflow: auto;
    padding-top: 20px;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .menuBlock li:hover a, .menuBlock li.active a{
    display: block;
  }
  .hideit{
    /*left: 0;*/
    -moz-transform: translateX(0%)!important;
    -webkit-transform: translateX(0%)!important;
    -o-transform: translateX(0%)!important;
    -ms-transform: translateX(0%)!important;
    transform: translateX(0%)!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .mobileView{
    display: block;
  }

  .mobileMainMenu {
    display: block;
    background: transparent;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    z-index: 99999;
    right: 30px;
    top: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
            transition: background 0.3s;
  }

  .mobileMainMenu:focus {
    outline: none;
  }

  .mobileMainMenu span {
    display: block;
    position: absolute;
    top: 16px;
    left: 0px;
    right: 0px;
    height: 5px;
    background: #ffffff;
    border-radius: 5px;
  }

  .float-whbtn {
    bottom: 65px;
    right: 10px;
}

  .mobileMainMenu span::before,
  .mobileMainMenu span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ffffff;
    content: "";
    border-radius: 5px;
  }

  .mobileMainMenu span::before {
    top: -10px;
  }

  .mobileMainMenu span::after {
    bottom: -10px;
  }
  /******************************************************/
  .mobileMainMenu--htx span {
    -webkit-transition: background 0s 0.3s;
            transition: background 0s 0.3s;
  }

  .mobileMainMenu--htx span::before,
  .mobileMainMenu--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
            transition-delay: 0.3s, 0s;
  }

  .mobileMainMenu--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
            transition-property: top, transform;
  }

  .mobileMainMenu--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
            transition-property: bottom, transform;
  }

  .mobileMainMenu--htx.is-active span {
    background: none;
  }

  .mobileMainMenu--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .mobileMainMenu--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .mobileMainMenu--htx.is-active span::before,
  .mobileMainMenu--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
  }

  .mainMenu ul li{
    display: block;
    padding: 5px 0px;
    border-bottom: 1px dotted #ffffff;
  }
  .mainMenu ul li a{
    display: block;
  }
  .mainMenu {
    display: block;
    background: #D24545;
    position: absolute;
    width: 100%;
    padding: 20px;
    left: 0;
    margin: 0px;
  }
  .copyrightBlock p{
      margin: 0px;
      padding: 0px;
      border: none;
      font-size: 15px;
    }
    .widget{
      border-bottom: none;
    }
    .textwidget p, .copyrightBlock ul li a,  :is(.widget_categories, .widget_pages, .widget_archive, .widget_nav_menu) ul li a{
      font-size: 15px;
    }
  
}

@media (max-width: 575px) {

  .logoBlock a img{
    width: 130px; 
  }
  .topBar p{
    font-size: 10px;
  }
}