@media screen and (max-width: 1720px) {
.block-prev{
    left: -7px;
    top: 192px;
}
.block-next{
    right: -7px;
    top: 192px;
}
}

@media screen and (max-width: 1520px) {
    
    .main-navigation ul#primary-menu{
        gap: 10px 8px;
    }
    .main-navigation #primary-menu a{
        padding-right: 8px;
        font-size: 15px;
    }
    
    ul.bottom-header {
        gap: 20px;
    }
    
    ul.bottom-header li {
        padding-right: 20px;
    }
    
    ul.bottom-header p {
        font-size: 15px;
    }
}

@media screen and (max-width: 1460px) {
    
    .bottom-box img {
        max-width: 100px;
    }
    
}


@media screen and (max-width: 1300px){
    ul.bottom-header {
        gap: 10px;
    }
    
    ul.bottom-header li {
        padding-right: 10px;
    }
    
    ul.bottom-header p {
        font-size: 14px;
    }
    
  
}

@media screen and (max-width: 1250px) {
    
    
    .head-icons a {
        font-size: 13px;
    }
    
    .head-icons img {
        max-width: 30px;
        max-height: 30px;
    }
    
    
    
    .collect img {
        max-width: 23px;
        max-height: 40px;
    }
    .map-link img {
        max-width: 40px;
        max-height: 40px;
    }
    
    .bottom-news .row.gx-3,
    .bottom-home .row.gx-3{
        gap: 10px;
    }
    .bottom-news .col,
    .bottom-home .col{
        flex: 1 0 44%;
    }
    
    .news-sidebar h2.widget-title {
        font-size: 18px;
    }
    .news-sidebar ul li a {
        font-size: 14px;
    }
    .news-sidebar {
        padding-left: 20px;
    }
    
    
    .homeheader h2 {
        font-size: 25px;
    }
    .homeheader h3 {
        font-size: 18px;
    }
    .homeheader p {
        font-size: 15px;
    }
    
    .homeheader .blue div {
        width: 424px;
    }
    
    .homeheader .box-img:after{
        width: 84%;
    }
        
	 .search-results main#primary article {
        width: calc(33.33% - 20px);
        margin-bottom: 30px;
    }
}



@media screen and (max-width: 1110px) {
    	
	.head-icons a {
        font-size: 10px;
    }
	
}

@media screen and (max-width: 1100px) {
    
    .main-navigation ul#primary-menu{
        gap: 10px 5px;
    }
    .main-navigation #primary-menu a{
        padding-right: 5px;
        font-size: 14px;
    }
    
    
    ul.bottom-header {
        margin: 10px 10px 0 10px;
    }

	
}


@media screen and (max-width: 992px) {
    
    body, p, a, li {
        font-size: 16px;
    }
    
    ul.bottom-header{
        display:none;
    }
    .topbar {
        background: transparent;
        padding: 10px;
        border-bottom: 0;
    }
    
    .mobile-icons{
        display:flex;
        position: relative;
        gap: 10px;
    }
    .mobile-icons a:nth-of-type(2) {
        position: relative;
    }
    .mobile-icons img {
        max-width: 25px;
        filter: brightness(0) saturate(100%) invert(11%) sepia(90%) saturate(6419%) hue-rotate(247deg) brightness(85%) contrast(97%);
    }
    .toggled .mobile-icons img {
        filter: none;
    }
    .tax-btns p {
        display: none;
    }
    
    .tax-btns a:first-of-type,
    .tax-btns a:last-of-type{
        padding: 3px 10px;
        font-size: 10px;
    }
    .line {
        display: none;
    }
    header#masthead {
        display: flex;
        flex-wrap: wrap;
        box-shadow: 0 0 7px rgba(0, 0, 0, .1);
        padding-bottom: 10px;
    }
    .home header#masthead {
        box-shadow: 0;
    }
    header .container:nth-of-type(2) {
        width: calc(100% - 116px);
        margin: 0;
        padding-bottom: 0;
    }
    .nav.container {
        width: 116px;
        margin: 0;
        padding: 0;
    }
    
    .menu-top-container {
        display: none;
    }
    .toggled .mobile-links,
    .mobile-links .menu-top-container {
        display: block;
    }
    
    
    .main-navigation {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    
    .main-navigation #primary-menu a {
        color: #fff;
        padding: 10px 0 !important;
        border-bottom: 1px solid #fff;
        border-right: 0;
        font-size: 12px;
    }
    .main-navigation li {
        padding: 0 40px 0 30px;
    }
    
    .searchform,
    .head-icons {
        display: none;
    }
    
    
    
    .menu-toggle {
        position: relative;
        z-index: 999;
        display: flex;
        background: #2627D9;
        border-radius: 50px;
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        align-items: center;
        border: 1px solid #2627D9;
    }
    
    .menu-toggle div{
        width: 35px;
        height: 40px;
        position: relative;
        transition: .5s ease-in-out; 
        z-index:999;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
        padding:6px!important;
    }
    .navbar-light .menu-toggle{position: relative;}
	
	.menu-toggle,
    .menu-toggle:focus,
    .menu-toggle:active,
    .menu-toggle-icon:focus {
        outline: none;
        box-shadow: none;
        border: 0;
    }
    
    .menu-toggle span {;padding: 0;}
    .toggler-icon {
        display: block;
        height: 3px;
        width: 100%;
        background: #fff ;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; 
        max-width:50px;
        
    }
    .middle-bar {margin-top: 0px; width: 72%;}
    .bottom-bar {
        width: 55%;
    }
    
    
    /* State when the navbar is collapsed */
    
    .menu-toggle.collapsed .top-bar {transform: rotate(0deg);width:80%; }
    
    .menu-toggle.collapsed .middle-bar {opacity: 1;filter: alpha(opacity=100);width:80%; }
    .menu-toggle.collapsed:hover .middle-bar {opacity: 1;filter: alpha(opacity=100);}
    
    .menu-toggle.collapsed .bottom-bar {transform: rotate(0deg);width:80%; }
    
    /* when navigation is clicked */
    
    .toggled .menu-toggle .top-bar {margin-top: -5px;transform: rotate(135deg);background: #fff;}
    .toggled .menu-toggle .middle-bar {opacity: 0;display:none;}
    .toggled .menu-toggle .bottom-bar {margin-top: -17px;transform: rotate(-135deg);background: #fff;width: 100%;}
    
    
    
    /*menu when toggled*/
    .main-navigation.toggled #primary-menu {
        position: absolute;
        z-index: 9;
        background: #2627D9;
        width: 100%;
        top: 10em;
        left: 0;
    }
    .toggled .menu-toggle {
        border: 1px solid #fff;
    }
    header#masthead.toggled {
        background: #2627D9;
        z-index: 11;
        position: relative;
    }
    .toggled img.custom-logo {
        display: none;
    }
    .toggled .alt-logo{
        display:block;
    }
    ul#top-menu {
        position: absolute;
        z-index: 9;
        left: 0;
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
        flex-direction: column;
        /*top: 49.5em;*/
        top: 38.5em;
        width: 100%;
        background: #2627D9;
        padding-bottom: 15px;
    }
    ul#top-menu a{
        color:#fff;
        font-size: 14px;
        text-transform:uppercase;
        padding-left: 16px;
    }
    ul#top-menu a:before {
        top: 4px;
        width: 15px;
        height: 15px;
        left: -3px;
        background-size: contain;
        filter: brightness(0) invert(1);
    }
    .searchform.mobile {
        display: block;
    }
    form.search-form {
        position: absolute;
        z-index: 9;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        /*top: 57.5em;*/
        top:44.5em;
        width: 100%;
        background: #2627D9;
        padding: 5px 15px 15px 15px;
    }
    
    .top form.search-form {
        position: relative;
        top: 0;
        background: transparent;
        padding: 3px 10px 0 10px;
    }
    .top.searchform input.search-submit{
       padding: 5px 28px; 
    }
    .top.searchform input.search-submit,
    .top.searchform input.search-field {
        height: 30px;
    }
    .top.searchform {
        margin-bottom:20px;
    }
    p.top-message{
        margin: 0;
    }
    
    .foot-bottom,
    .foot-top{
        flex-wrap: wrap;
    }
    
    ul.foot-icons {
        gap: 10px;
    }
    
    ul#footer-menu {
        flex-direction: column;
        gap: 0px;
    }
    ul#footer-menu a{
        border:0;
        font-size:12px;
        padding:0;
    }
    
    
    .foot-icons li a {
        font-size: 10px;
    }
    .foot-icons li {
        display: flex;
        align-items: center;
    }
    .foot-icons li img{
        width: 30px;
    }
    
    
    .bottom-news .row.gx-3,
    .bottom-home .row.gx-3{
        flex-direction: column;
        gap: 15px;
    }
    
    .red-bar {
        font-size: 16px;
    }
    
    .homeheader .blue div {
        width: 81%;
    }
    
    
    .search-results main#primary article {
        width: calc(50% - 20px);
        margin-bottom: 30px;
    }
    
    
    
    .homeheader h2 {
        font-size: 22px;
    }
    .homeheader h3 {
        font-size: 14px;
    }
    
    .homeheader p {
        font-size: 12px;
    }
    
        
}
@media screen and (max-width: 768px) {
    
    body, p, a, li {
        font-size: 12px;
    }
    h1,
    .contact-section h2{
        font-size: 20px;
    }
    h2 {
        font-size: 14px;
    }
    
    iframe {
        height: 200px;
    }
    
    
    .menu-toggle {
        padding: 2px 13px;
        margin-right: 20px;
    }
    
    a#wcvat-toggle {
        font-size: 10px;
    }
    
    .tax-btns {
        z-index: 9;
    }
        
    
    .homeheader.bluehalf {
        flex-direction: column-reverse;
        border-radius: 0;
        overflow: visible;
    }
    
    .homeheader .blue {
        width: 100%;
        clip-path: none;
        overflow: hidden;
    }
    
    .homeheader .blue div {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 560px;
    }
    
    .homeheader h2 {
        font-size: 14px;
    }
    
    .homeheader h3 {
        font-size: 11px;
    }
    .homeheader p {
        font-size: 10px;
        display: none;
    }
    
    .red-btn {
        padding: 5px 12px;
        border-radius: 0;
        display: inline-block;
        font-size: 12px;
        margin-top: 5px;
    }
    
    .homeheader .box-img img {
        object-fit: unset;
        object-position: unset;
        aspect-ratio: unset;
        max-width: 53%;
    }
    .homeheader .box-img {
        width: 100%;
    }
    /*.homeheader .box-img:after {*/
    /*    width: 89%;*/
    /*    height: 192%;*/
    /*    top: -110px;*/
    /*    right: 0px;*/
    /*    z-index: 8;*/
    /*    background-position: right;*/
    /*}*/
    
        .homeheader .box-img:after {
        width: 89%;
        height: 153%;
        top: -64px;
        right: 0px;
        z-index: 8;
        background-position: right;
    }
    
    .prod-cat p {
        font-size: 11px;
    }
    .col-lg-3 .box-img,
    .box-img {
        width: 44%;
        display: flex;
        align-items: center;
    }
    .bluehalf{
        border-radius:0;
        justify-content: space-between;
        margin-bottom: 10px;
        min-height: 150px;
    }
    
    .box-img img {
        object-fit: contain;
        height: 120px;
    }
    .blue h4,
    .col-lg-3 .blue h4 {
        font-size: 10px;
    }
    
    .col-lg-3 .blue{
        width:50%;
    }
    
    .red-bar {
        font-size: 12px;
    }
    
    
    .bottom-home .container:last-of-type{
        padding:0 50px ;
    }
    
    .bottom-box p {
        font-size: 17px;
    }
    
    .testimonial .name {
        font-weight: 600;
        color: #2627D9;
    }
    
    
    
    .news-section .col-lg-9 {
        padding-right: calc(var(--bs-gutter-x)* .5);
    }
    h1.page-title {
        margin-left: 0;
    }
    h2.entry-title a {
        font-size: 14px;
    }
    .news-section article {
        padding: 20px 10px;
        margin-bottom: 8px;
    }
    
    
    .foot-top{
        border:0;
    }
    .icon-menu {
        border-top: 1px solid #fff;
        margin-top: 10px;
        padding-top: 10px;
        width: 100%;
    }
    .otherlogo.mobile{
        display:block;
        float: none;
        flex: 0 0 auto;
        width: 50px;
        margin-right: 25px;
        
    }
    .otherlogo.pc{
        display:none;
    }
    
    .foot-logo {
        flex: 0 0 auto;
        width: 60%;
    }
    
    .foot-icons li img {
        max-width: 20px;
        max-height: 25px;
        width: auto;
        margin-right: 10px;
    }
    
    .foot-mid.row .col-lg-3:first-of-type {
        margin-bottom: 12px;
    }
    ul#footer-menu {
        gap: 5px;
    }
    .foot-bottom {
        align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 20px;
        flex-direction: column-reverse;
        gap: 20px;
    }
    
    
    .search-results main#primary article {
        width: calc(100% - 20px);
    }
    
    .search-results main#primary {
        padding: 0 20px;
    }
        
}


@media screen and (max-width: 576px) {
    
    
     ul#top-menu {
        top: 46.5em;
    }
    
    form.search-form {
        top:54.5em;
    }
    
    .topbar .container {
        flex-direction: row-reverse;
    }
    
    .main-navigation.toggled #primary-menu {
        /*top: 9.5em;*/
        top: 8.5em;
    }
    
    .site-branding img {
        max-width: 165px;
    }
    
    
    section.contact-section {
        margin: 10px auto;
    }
    
    textarea.wpcf7-textarea, input.wpcf7-form-control {
        padding: 10px;
    }
    
    .mySwiper {
        padding: 0 25px;
    }
    .block-prev, .block-next {
        width: 20px;
        height: 20px;
    }
    
    .block-prev {
        left: 12px;
        top: 152px;
    }
    
    .block-next {
        right: 12px;
        top: 152px;
    }
    .prod-cat p {
        font-size: 8px;
    }
    .bottom-box {
        min-height: 148px;
    }
    .bottom-box img {
        max-height: 100px;
    }
    /*section.news-section .bottom-news,*/
    .bottom-home .container:last-of-type {
        padding: 0 70px;
    }
    
    
    .tax-product_cat  main{
        overflow: hidden;
    }
    
    span.cart-count {
        font-size: 8px;
        padding: 0 3px;
        right: -9px;
        top: -9px;
    }
    
}