@media (min-width: 992px) and (max-width: 1199px) { 
	.section-wrapper {
   		max-width: 980px;
		width:100%;
	}
}
@media (max-width: 991px) {
	body{
		width:100%;
		overflow-x: hidden;
	}
	.header-wrapper,.footer-wrapper{
	    width: 100%;
	    padding: 0;
	}
	.section .section-wrapper, .footer-contact-form .section-wrapper ,.section-wrapper{
		max-width:100%;
		width:100%;
	}
	.section-wrapper{
		padding:0;
	}
	.mobile-menu-btn{ 
	    display: block;
	    height: 25px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 8px;
	    width: 25px;
	    z-index: 1;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#333;
	    height: 2px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 25px;
	}
	.mobile-menu-btn div:nth-of-type(1) {
	    position: absolute;
	    top: 3px;
	}
	.mobile-menu-btn div:nth-of-type(2) {
	    bottom: -50%;
	    opacity: 100;
	    position: absolute;
	    top: -50%;
	}
	.mobile-menu-btn div:nth-of-type(3) {
	    bottom: 3px;
	    position: absolute;
	}
	.mobile-menu-btn.active div:nth-of-type(1) {
	    position: absolute;
	    top: 10px;
	    transform: rotate(45deg);
	}
	.mobile-menu-btn.active div:nth-of-type(2) {
	    opacity: 0;
	}
	.mobile-menu-btn.active div:nth-of-type(3) {
	    bottom: 12px;
	    position: absolute;
	    transform: rotate(-45deg);
	}
	.mobile-menu-btn.active{
		position: fixed;
		top:28px;
	}
	.logo {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
	    width: auto;
	    height: 50px;
	    display: block;
	    width:118px;
	}
	.logo a{
		display: table;
	}
	header .section-wrapper{
		padding:0;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css frameworks ended */
	.header-whatsapp{
		display: none;
	}
	body>header .logo, body>header .logo img{
		width:auto;
		height: 50px;
	}
	.top-right-menu a{
		font-size:0;
	}
	.menu-bg{
		background:#fff;
		position: fixed;
		top:0;
		left:-100%;
		z-index: 1000;
		color:#333;
		height: 100%;
		width:80%;
		font-weight: 500;
		opacity: 0;
		transition: all .5s ease-in-out;
	}
	.menu-bg.active{
		opacity: 1;
		left:0%;
	}
	div[class^="menu-top-menu"] ul {
		flex-direction: column;
	}
	div[class^="menu-top-menu"] > ul > li:first-child a,div[class^="menu-top-menu"] > ul > li a {
	    border-right: 0px; 
	    border-left: 0px;
	}
	div[class^="menu-top"] li{
		border-bottom:1px solid #eee;
		padding:10px;
	}
	div[class^="menu-top"] li:hover, div[class^="menu-top"] .current-product-ancestor, div[class^="menu-top"] .current-menu-parent, div[class^="menu-top"] .current-menu-item, div[class^="menu-top"] .current_page_item{
		background:#fff;
		color:#333;
		box-shadow:unset;
		border-right: 0px; 
	    border-left: 0px;
	}
	div[class^="menu-top-menu"] > ul > li a {
		text-align:left;
		padding: 10px 10px;
		height:auto !important;
	}
	div[class^="menu-top-menu"] .sub-menu{
		position: relative;
		top:unset;
		left:unset;
		background:transparent;
		opacity: 1;
		visibility: visible;
		display: none;
		transition: unset;
	}
	div[class^="menu-top-menu"] .sub-menu li {
	    border: 0;
	    border-top: 1px solid #ddd;
	    width: 100%;
	    background:#f3f3f3;
	    font-size: .85rem;
	}
	div[class^="menu-top-menu"] .sub-menu a{
		text-align: left !important;
		padding:10px 5px 10px 12px !important;
	}
	div[class^="menu-top-menu"] .sub-menu a:before{
		content:"- ";
	}
	.menu-item-has-children{
		position: relative;
	}
	.pull-down-btn{
		content: '\f107';
	    font-family: "Font Awesome 5 Free";
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    right: 0;
	    top: 5px;
	    text-align: center;
	    font-weight: 900;
	    line-height: 40px;
	    font-size: 1.5rem;
	    cursor: pointer;
	    transition: all .3s ease-in-out;
	    display: block;
	}
	.pull-down-btn i{
		font-family: "Font Awesome 5 Free";
	}
	.pull-down-btn.active{
		transform: rotate(180deg);
	}

	.mask{
		z-index: 999;
		position: fixed;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.7);
		top:0;
		left:0;
		display: none;
	}
	.mask.active{

	}
	.product-menu {
	    display: none;
	}
	.main-content{
		width:100%;
	}
	.page-banner {
	    height: 150px;
	}
	.page-title {
	    font-size: 1.5rem;	   
	}
	.page-title-bg .page-title{
		margin-bottom:0;
	}
	.page-title-bg {
	    padding: 10px;
	}
	.footer-about-us{
		display: none;
	}
	.footer-other-info {
	    flex-direction: column;
	}
	ul[class^="top-right"] {
	    position: absolute;
	    right: 65px;
	    bottom: -3px;
	}
	.footer-bottom nav{
		display: none;
	}
	.copyright{
		float:unset;
		text-align: center;
	}
	.footer-qr{
		display: none;
	}
	.mobile-whatsapp{
		display: block;
		margin-bottom:10px;
	}
	.mobile-whatsapp img{
		margin:auto;
		display: block;
	}
	.service-name{
		font-size:1rem;
		width:auto;
	}
	.service-box {
	    flex-direction: column;
	}
	.service-box:nth-child(even) >div:first-child {
	    order: 0;
	}
	.service-box>div {
	    width: 100%;
	}
	.pc-whatsapp{
		display: none;
	}
	.wpcf7-form-control {
	    width: 100%;
	}
	.quote {
	    display: block;
	    padding: 15px;
	}
	.tap-btn {
	    font-size: 0.8rem;
	    padding: 5px 10px 5px;
	}
	.cart-form-box {
	    text-align: left;
	    padding-top:20px;
	    padding-bottom:20px;
	    margin-top:7px;
	}
	.page-main-content {
	    padding: 15px;
	}
	.product-content,.product-cat-list{
		padding-left: 15px;
		padding-right: 15px;
	}
	body>header {
	    margin-bottom: 0;
	    height: 80px;
	}
	body>header>div{
		height: 100%;
	}
	body>header .logo, body>header .logo img {
	    max-height: 100%;
	}
	.email-icon img,.whatsapp-icon img{
		width:50px;
		height:50px;
	}
	.email-icon img{
		bottom:70px;
	}
	.green-menu{
		display: none;
		visibility: hidden;
	}	
	body>header nav {
	    position: fixed;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    height: 100%;
	    width: calc( 100% - 150px );
	    background: rgba(235,235,255,0.9);
	    box-shadow: 0 3px 3px rgba(0,0,0,.35);
	}
	.index-banner .section-wrapper .banner-desc-box{
		top:0 !important;
		width: 100%;
	}
	body>header nav div{
		width: 100%;
	}
	body>header nav ul{
		align-items: unset;	
	}
	.top-right-menu li {
	    border-right: 1px solid #aaa;
	    border-left:0;
	    cursor: pointer;
	}
	body>header .top-right-menu {
	    display: inline-block;
	    position: absolute;
	    top: 5px;
	    right:70px;
	}
	    .top-right-menu li {
        border-right: 1px solid #aaa;
        border-left: 0;
        cursor: pointer;
        padding-right: 20px;
    }
    nav.main{
    	display: none;
    }
    body>header nav ul li:after{
    	visibility: hidden !important;
    	display: none;
    }
    .page-top-margin {
	    margin-top: 80px;
	}
}
@media (max-width: 767px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul{
		flex-direction: column;
		padding-left:0;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul li{
		border-right:1px solid #ddd;
		display: none;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child{
		border-top:0;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul a {
	    padding: 5px 10px !important;
	    width:100%;
	}
	.account-mobile-menu{
		display: block;
		border: 1px solid #ddd;
		padding:5px 10px;
		position: relative;
		cursor: pointer;
	}
	.account-mobile-menu i{
		position: absolute;
		right: 20px;
    	top: 15px;
	}
}