﻿/*Stop animation on mobile*/
@media only screen and (max-width: 768px){
    body .wpb_animate_when_almost_visible{
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
}

/*header*/
@media only screen and (max-width: 1024px){
    
    #masthead-mobile {
    	background-color: transparent;
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	-webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #masthead-mobile.float-header{
        background:#fff;
    }
    
    .sydney-offcanvas-menu #mainnav ul li{
        margin-bottom:20px;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li a{
        font-size:16px;
        color:#000;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li:hover a,
    .sydney-offcanvas-menu #mainnav ul.menu > li.current-menu-item > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li.current-menu-ancestor > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li.current-page-ancestor > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li.current_page_parent > a{
        color:#f39cbf !important;
        font-weight:400;
    }
    
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > a::after {
    	display: none !important;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > .dropdown-symbol {
    	display: block;
    	/*right:8px;*/
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu,
    .sydney-offcanvas-menu #mainnav ul.menu > li:hover > ul.sub-menu {
    	left: 0 !important;
    	transform: translateX(0) !important;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu{
        margin-bottom:0 !important;
        padding-top:10px !important;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu li{padding:0;}
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu li a{
        text-align:left;
        padding:0 !important;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu li a {
    	color: #000 !important;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu li:last-child{margin-bottom:0;}
    
    .sydney-offcanvas-menu #mainnav ul.menu > li > ul.sub-menu li::after {
    	display: none !important;
    }
    
    .sydney-offcanvas-menu .mobile-header-item .row.valign div:first-child{
        padding-left:0;
    }
    .sydney-offcanvas-menu .mobile-header-item .row.valign div:last-child{
        padding-right:0;
    }
    
    #site-header-cart .cart-contents .cart-amount {
    	background-color: #231f20;
    	font-size: 10px;
    	top: -7px;
    	right: -10px;
    }
    
    .sydney-offcanvas-menu #mainnav ul.menu > li .sub-menu > li.current-menu-item > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li .sub-menu > li.current-menu-ancestor > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li .sub-menu > li.current-product-parent > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li .sub-menu > li.current-product-ancestor > a,
    .sydney-offcanvas-menu #mainnav ul.menu > li .sub-menu > li.menu-item-has-children:hover > a {
    	color: #ae1f63 !important;
    	font-weight: 600;
    }
}

/*Header mobile menu plugin*/
@media only screen and (max-width: 1024px){
    
    /*#content {margin-top: 0;}*/
    
    /*body.mob-menu-overlay, body.mob-menu-slideout,*/
    /*body.mob-menu-slideout-over, body.mob-menu-slideout-top {*/
    /*	padding-top: 0 !important;*/
    /*}*/
    
    /*.mob-menu-header-holder{background:none !important;}*/
    
   .mob-menu-header-holder.mobmenu .mob-menu-logo-holder .mob-standard-logo,
   .mob-menu-header-holder.mobmenu .mob-menu-logo-holder .mob-retina-logo{
       /*filter: brightness(0) invert(1);*/
   }
   
   .mobmenu-left-panel .mobmenu-left-bt,
   .mobmenu-right-panel .mobmenu-right-bt {
    	right: 15px;
    	top: 15px;
    	font-size:25px;
    }
    
    .mobmenu-left-panel .mobmenu-left-bt .mob-cancel-button,
    .mobmenu-right-panel .mobmenu-right-bt .mob-cancel-button{
        font-size:20px !important;
    }
    
    .mob-expand-submenu i {
    	font-size: 12px !important;
    	/*color:#777 !important;*/
    }
    
    .mobmenu-content ul.sub-menu > li,
	.mobmenu-content li a {
		/*border-bottom: 1px solid rgba(150,150,150,0.5);*/
		font-family:poppins !important;
	}
	
	.mobmenu-content ul#mobmenuright{
	    padding-left:5%;
	    padding-right:5%;
	}
	
	/*.mobmenu-content ul#mobmenuright > li  {*/
	/*    border-bottom: 1px solid #cccccc;*/
	/*}*/
	
	/*.mobmenu-content ul#mobmenuright > li:last-child  {*/
	/*    border-bottom:none;*/
	/*}*/
	
	.mobmenu-content ul#mobmenuright > li.current-menu-item > a,
	.mobmenu-content ul#mobmenuright > li.current-menu-ancestor > a,
	.mobmenu-content ul#mobmenuright > li a:hover{
	    font-weight:400;
	    color:#00a79d;
	}
	
	.mobmenu-content ul#mobmenuright > li a{
	    padding:5px 0;
	}

	.mobmenu-content ul.sub-menu > li a,
	.mobmenu-content ul.mobmenuright > li:last-child a {
		/*border-bottom: 0px solid transparent;*/
	}
	
	.mobmenu-content li > .sub-menu{margin-bottom:10px !important;}
	
	.mobmenu-content li > .sub-menu li{
	    padding-left:0 !important;
	    position:relative;
	}
	
	.mobmenu-content li > .sub-menu li:before{
	    content:'-';
	    position:absolute;
	    top:calc(9px*1.5/2);
	    left:0;
	    display:block;
	    font-size:14px;
	    font-weight:400;
	    display:none !important;
	}
	
	.mobmenu-content li > .sub-menu li > a{
	    font-size:16px !important;
	    padding:2px 0 !important;
	    font-size:14px ;
	} 
	
	.mobmenu-content #mobmenuright .sub-menu {
    	background-color: transparent !important;
    }
	
    #masthead{display:none;}
    
    .mobmenu-right-panel .mobmenu-right-bt .mob-cancel-button:before{
        transform: rotate(45deg);
    }
    
    #mobmenuright li a, #mobmenuright li a:visited,
    #mobmenuright .mobmenu-content h2,
    #mobmenuright .mobmenu-content h3,
    .mobmenu-left-panel .mobmenu-display-name {
	    font-family: poppins !important;
    }
    
    .mob-menu-logo-holder > .headertext span{
        font-size:30px;
        line-height:40px;
        font-weight:600;
    }
}

/*go top*/
@media only screen and (max-width: 767px){
    .go-top {
    	right: 15px !important;
    }
    
    .go-top.show {
    	bottom: 22px !important;
    }
}

/*banner*/
@media only screen and (max-width: 767px){
.banner{margin-bottom:70px;}
}

/*Style*/
@media only screen and (max-width: 767px) {
    .text-block-title br{display:none;}
}

@media only screen and (max-width: 479px) {
    .text-block-title{font-size:30px;}
    
    .archive.woocommerce .woocommerce-products-header .woocommerce-products-header__title.page-title{font-size:30px;}
    .archive.woocommerce .woocommerce-products-header .term-description{font-size:30px;}
    .related.categories > h2 {font-size:25px;}
    
    .text-block-title.normal{font-size:24px;}
    
    .text-block-title.medium{font-size:22px;}
    
    .text-block-title.ultimate{font-size:30px;}
    
    .single-product.woocommerce #content div.product div.summary .product_title{font-size:20px;}
    
    .text-block-lg {font-size: 19px;}
    
    .home-application > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .app-desc{font-size:20px;}
    
    .career-icon-list .vc_custom_heading {font-size: 18px;}
    
    .career-fill-below {font-size: 18px;}
    
    .advantage-row .wpb_heading{font-size:18px !important;}
    
    .product-img-row .wpb_single_image .wpb_heading{font-size:18px !important;}
    
    .woocommerce ul.products li h2.woocommerce-loop-category__title {font-size: 20px;}
    
    .woocommerce ul.products li h2.woocommerce-loop-product__title{font-size: 20px;}
    
    .home-application > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .app-desc {font-size: 20px;}
    
    .vc_tta-accordion .vc_tta-panel-heading h4.vc_tta-panel-title{font-size:20px;}
    
    .product-heading{font-size:22px;}
    
    .product-tab-desc.semi {
    	font-size: 16px;
    }
    
    .list-2-col ul, .list-2-col ol {
    	-webkit-column-count: 1;
    	-moz-column-count: 1;
    	column-count: 1;
    }
}

/*vc_row more gaps*/
@media only screen and (max-width: 767px){
    .row-2-col > .wpb_column:first-child{padding-right:0;}
    .row-2-col > .wpb_column:last-child{padding-left:0;}

    .row-2-col > .wpb_column:nth-child(2n+1){padding-right:0;}
    .row-2-col > .wpb_column:nth-child(2n){padding-left:0;}
}

/*Full width row*/
@media only screen and (max-width: 767px) {
    
    .full-right-img-row{
        display:flex;
        flex-direction:column-reverse;
        justify-content:center;
        align-items:center;
    }

    .full-right-img-row > .wpb_column,
    .full-left-img-row > .wpb_column{
        padding-left:15px !important;
        padding-right:15px !important;
    }
}

/*home*/
@media only screen and (max-width: 767px) {
    
    .home-about > .wpb_column:first-child{padding-right:0;}
    
    .home-about .float-right-img {
    	width: auto;
    	float: none;
    }
    
    .home-about {margin-bottom: 35px;}
    
    .home-icon{
        display:flex;
        flex-direction:row;
        align-items:stretch;
        justify-content:flex-start;
        flex-wrap:wrap;
        margin-bottom:35px;
    }
    
    .home-icon > .wpb_column{
        width:50%;
        flex-basis:50%;
    }
    
    .home-icon .wpb_single_image img {
    	width: auto;
    	height: 60px;
    }
    
    .home-application-section {
    	padding-top: 70px !important;
    	background-attachment: fixed;
    	margin-bottom: 70px;
    }
    
    .home-application > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .app-icon{
        margin-right:20px;
        width:50px;
        margin-bottom:20px;
    }
    
    .home-application > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper > .app-desc{
        width:calc(100% - 70px);
        margin-bottom:20px !important;
    }
    
    .home-application.last {padding-bottom: 35px;}
    
    /*.home-application > .wpb_column:nth-child(2) .wpb_text_column{text-align:justify;}*/
    
    .home-video {margin-bottom: 35px;}
    
}

/*sidebar footer*/
@media only screen and (max-width: 991px) {

    #sidebar-footer .container > .footer-widgets-grid{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        padding: 50px 0;
    }
    
    #sidebar-footer .sidebar-column,
    #sidebar-footer .sidebar-column:nth-child(2){
        width:100%;
        flex-basis:100%;
    }
    
    #sidebar-footer .sidebar-column .widget:last-child{margin-bottom:35px;}
    
    #sidebar-footer .sidebar-column:last-child .widget:last-child{margin-bottom:0;}
    
    #sidebar-footer .sidebar-column .widget_media_image{text-align:center;}
    
    #sidebar-footer .sidebar-column .widget_media_image img{
        width:auto;
        height:80px !important;
    }
    
    #sidebar-footer .sidebar-column .widget_newsletterwidgetminimal{
    	/*width: -webkit-fit-content;*/
     /*   width: -moz-fit-content;*/
        /*width: fit-content;*/
        width:100%;
        max-width:500px;
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    #sidebar-footer .sidebar-column .widget_newsletterwidgetminimal .tnp-form .tnp-email{
        max-width:500px;
    }
    
    #sidebar-footer .sidebar-column .widget_newsletterwidgetminimal .tnp-form .tnp-submit{
        margin-left:auto;
        margin-right:auto;
    }
    
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu {
    	display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	grid-column-gap: 30px;
    	grid-row-gap: 20px;
    	margin-bottom: 0;
    	text-align: center;
    }
    
    #sidebar-footer .sidebar-column .widget_custom_html .social {
    	display: flex;
    	flex-direction: row;
    	justify-content: center;
    	align-items: stretch;
    }
    
}

@media only screen and (max-width: 479px) {
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu {
        grid-template-columns: repeat(2, 1fr);
        /*text-align: left;*/
    }
    
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(5) { grid-area: 1 / 2 / 2 / 3; }
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(2) { grid-area: 3 / 1 / 4 / 2; }
    #sidebar-footer .sidebar-column .widget_nav_menu ul.menu li:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
}

/*footer contact*/
@media only screen and (max-width: 767px){
    .footer-contact .wp-image img {
    	width: max-content;
    	max-height: 400px;
    	object-fit: cover;
    	object-position:center
    }
}

/*colophon*/
@media only screen and (max-width: 767px){
    
    #colophon .sydney-credits p.inspiren {
    	float: none;
    	display: inline;
    }
    
    #colophon .sydney-credits p.inspiren-right {
    	float: none;
    	display:inline-block;
    }
    
}

/*about*/
@media only screen and (max-width: 767px){
    .about-main {margin-bottom: 35px;}
    
    .about-main .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
    
    .home-application.vision-mission  > .wpb_column:nth-child(2) .wpb_text_column{text-align:justify;}
    
    .vision-mission-section {margin-bottom: 0;}
    
    .history-main {margin-bottom: 35px;}
}

/*Procurement*/
@media only screen and (max-width: 767px){
    .procurement-main {
    	margin-bottom: 35px;
    }
    
    .procurement-main .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
}

/*Quality | Technology*/
@media only screen and (max-width: 767px){
    .quality-technology {margin-bottom: 35px;}
    
    .quality-technology .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
}

/*career*/
@media only screen and (max-width: 767px){
    .career-main {margin-bottom: 35px;}
    
    .career-main .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
    
    .career-section {padding-top: 70px !important;}
    
    .career-main.separate-career {
    	padding-bottom: 35px;
    	margin-bottom: 70px;
    }
    
    .career-icon-list{    
        display:flex;
        flex-direction:row;
        align-items:stretch;
        justify-content:center;
        flex-wrap:wrap;
        margin-bottom:35px;
    }
    
    .career-icon-list > .wpb_column{
        width:50%;
        flex-basis:50%;
    }
    
    .career-icon-list .wpb_single_image img {
    	width: auto;
    	height: 60px;
    }
    
    .career-closing {margin-bottom: 35px;}
    
    .career-closing .wpb_text_column:not(.text-block-title) > .wpb_wrapper > *{
        text-align:justify !important;
    }
    
    .career-closing .wpb_text_column:not(.career-fill-below) > .wpb_wrapper > *{
        text-align:justify !important;
    }
    
    .application-form-section {padding-top: 70px !important;}
    
    .application-form {margin-bottom: 35px;}
    .contact-form {margin-bottom: 35px;}
}

/*Contact Form*/
@media only screen and (max-width: 767px) {
    .contact-info.contact-form{margin-bottom:35px;}
    
    .contact-form .form {
    	display: block;
    	grid-gap:0;
    }
    
    .contact-form .form > div{margin-bottom:20px;}
    
    .contact-form .contact-send {
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	align-items: stretch;
    	flex-wrap: wrap;
    }
    
    .contact-form .contact-send label{margin-bottom:20px;}
    
    /*.contact-form .contact-send #send{margin-top:20px;}*/
    
    .contact-form .form #product{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    
    .contact-form .form #product > label{
        width:100%;
        margin-right:0;
        margin-bottom:10px;
    }
    
    .contact-form .form #product > span{
        width:100%;
    }
    
}

/*event*/
@media only screen and (max-width: 767px) {
    .vc_grid-container .vc_pageable-load-more-btn .vc_grid-btn-load_more .vc_general.vc_btn3{margin-bottom:70px;}
}

/*Customization*/
@media only screen and (max-width: 767px) {
    .customazation-main {
    	margin-bottom: 35px;
    }
    
    .customazation-main .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
    
    .customazation-provide .wpb_text_column:not(.text-block-title){
        text-align:justify;
    }
    
    .gallery-main {
    	margin-bottom: 45px;
    }
    
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading {
        background:none !important;
        border:1px solid transparent !important;
        border-bottom:1px solid #000 !important;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel:hover .vc_tta-panel-heading,
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background:#00a79d !important;
        border:1px solid #00a79d !important;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading .vc_tta-panel-title {
        margin-bottom:0;
        font-size:18px;
        font-weight:400;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading .vc_tta-panel-title > a{
        color:#000 !important;
        position:relative;
        padding:10px 15px !important;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel:hover .vc_tta-panel-heading .vc_tta-panel-title > a,
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a{
        color:#fff !important;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a{
        font-weight:600;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-heading .vc_tta-panel-title > a:after{
        content:'\f078';
        position:absolute;
        top:50%;
        right:15px;
        transform:translate(0,-50%);
        font-size:16px;
        font-weight:900;
        font-family: "Font Awesome 5 Free";
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .vc_general.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a:after{
        transform:translate(0,-50%) rotate(180deg);
    }
    
    .customazation-provide {
	    margin-bottom: 35px;
    }
}

/*Service*/
@media only screen and (max-width: 767px) {
    .service-main {margin-bottom: 35px;}
    
    .service-main .wpb_text_column:not(.text-block-title) > .wpb_wrapper > *{
        text-align:justify !important;
    }
    
    
    .vc_tta-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:before {
    	width: 50px;
    	height: 50px;
    }
    
    .service-tab-row .vc_tta-accordion .vc_tta-panel-heading {
    	padding-left: 50px;
    	height: 50px;
    }
    
    .vc_tta-accordion .vc_tta-panel-heading h4.vc_tta-panel-title {
    	font-size: 18px;
    }
    
    .vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {
    	padding-left: 70px !important;
    }
    .service-tab-row {margin-bottom: 55px;}
    
    .service-tab-row .wpb_text_column{text-align:justify;} 
}

/*Contact*/
@media only screen and (max-width: 767px) {
    .contact-main {margin-bottom: 35px;}
    
    .contact-main .company-name {line-height: 1;}
    
    .contact-main .company-name.text-block-title br{display:block;}
}


/*single product*/
@media only screen and (max-width: 767px) {
    .single-product.woocommerce #content div.product .product-gallery-summary {
    	display: flex;
    	flex-direction: column;
    	flex-wrap: wrap;
    	justify-content: flex-start;
    	align-items: stretch;
    }
    
    .single-product.woocommerce #content div.product div.images {
    	width: 100%;
    	flex-basis: 100%;
    	margin-right: 0;
    	float: left;
    	margin-bottom: 35px;
    	order: 1;
    }
    
    .single-product.woocommerce #content div.product div.summary {
    	width: 100%;
    	flex-basis: 100%;
    	margin-left: 0;
    	float: left;
    	margin-bottom: 70px;
    	order: 2;
    }
    
    .single-product.woocommerce #content div.product div.summary .woocommerce-product-details__short-description{
        text-align:justify;
    }
    
}

@media only screen and (max-width: 479px) {
    .single-product.woocommerce #content div.product div.summary .custom-buttons {
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
        align-items: flex-start;
    	
    }
    
    .single-product.woocommerce #content div.product div.summary .custom-buttons a{
        width:156px;
        margin-bottom:20px;
    }
    
    .single-product.woocommerce #content div.product div.summary .custom-buttons a:last-child{margin-bottom:0;}
}

/*catalog*/
@media only screen and (max-width: 767px) {
    .archive.woocommerce .woocommerce-products-header {
    	margin-bottom: 25px;
    	text-align: center;
    }
    
    .archive.woocommerce .woocommerce-products-header .secondary-desc{
        text-align:justify;
        text-align-last:center;
    }
    
    .product-category-nested-list{
        margin-bottom:70px;
        margin-top:-60px;
    }
    
    .product-category-nested-list .product-category-nested-wrap{padding-top:70px;}
    
    .product-category-nested-list .product-category-nested {
    	/*margin-bottom: 70px;*/
    	display: flex;
    	flex-direction: column;
    	align-items: stretch;
    	justify-content: flex-start;
    	padding: 70px 15px 35px;
    }
    
    .product-category-nested-list .product-category-nested .product-title-wrap:before{display:none;}
    
    .product-category-nested-list .product-category-nested > :nth-child(1) {
    	width: 100%;
    	padding-right: 0;
    }
    
    .product-category-nested-list .product-category-nested > :nth-child(2) {
    	width: 100%;
    	padding-left: 0;
    }
    
    .woocommerce ul.products li.product {
    	width: 100% !important;
    	display: flex;
    	flex-direction: column;
    	align-items: stretch;
    	justify-content: flex-start;
    	padding:35px 15px !important;
    }
    
    .woocommerce ul.products li.product-category{padding:0 !important;}
    
    .woocommerce ul.products li > :nth-child(1) {
    	width: 100%;
    	margin-right: 0;
    }
    
    .related.categories {
    	margin-bottom: 0;
    }
    
    .woocommerce ul.products li .product-content {
    	width: 100%;
    	margin-bottom: 0;
    	text-align: left;
    }
    
    .woocommerce ul.products li h2.woocommerce-loop-product__title{margin-bottom:20px !important;}
    .woocommerce ul.products li .product-image {margin-bottom: 20px;}
}

/*buttons in mobile*/
@media only screen and (max-width: 767px) {
    .readmore.yellow-btn .vc_general.vc_btn3,
    .readmore.green-btn .vc_general.vc_btn3,
    .vc_grid-container .vc_pageable-load-more-btn .vc_grid-btn-load_more .vc_general.vc_btn3,
    .single-product.woocommerce #content div.product div.summary .custom-buttons a.pdf-btn,
    .single-product.woocommerce #content div.product div.summary .custom-buttons a.email-us-btn,
    .single-product.woocommerce #content div.product div.summary .custom-buttons a.trello-btn,
    .single-product.woocommerce #content div.product div.summary .custom-buttons a.whatsapp-btn{
        padding:10px 20px;
        
    }
}

/*woocormerce single template*/
@media only screen and (max-width: 991px) {
    .woocommerce.archive #content.page-wrap .content-wrapper .row,
    .woocommerce.single-product #content.page-wrap .content-wrapper .row{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    .woocommerce.archive #content.page-wrap .content-wrapper .row #primary,
    .woocommerce.single-product #content.page-wrap .content-wrapper .row #primary {
        padding-left: 15px;
        padding-right: 15px;
        width:100%;
        flex-basis: 100%;
        margin-bottom: 0;
        order: 2;
    }
    
    .woocommerce.archive #content.page-wrap .content-wrapper .row #secondary, 
    .woocommerce.single-product #content.page-wrap .content-wrapper .row #secondary {
        padding-right: 15px;
        padding-left: 15px;
        border: none;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 35px;
        width: 100%;
        flex-basis: 100%;
        order: 1;
    }
}

/*table scroll*/
@media only screen and (max-width: 767px) {
    .table-mobile-scroll{
        overflow-x:scroll;
    }
    
    .table-mobile-scroll table {
        min-width:500px;
    }
}

/*product tabs extra*/
@media only screen and (max-width: 767px){
    .criteria-img-col > .vc_column-inner > .wpb_wrapper > .wpb_single_image {
    	width: 100%;
    	flex-basis: 100%;
    }
}

/*event post*/
@media only screen and (max-width: 767px){
    .event-post .vc_pageable-slide-wrapper{display:block;}
}