@media (min-width: 992px) and (max-width: 1199px) {
	.section-wrapper,.content-wrapper{
		max-width:1100px;
		width:100%;
	}
	.banner-text{
		margin-left:0;
		font-size: 1.8em;
		text-align: center;
	}
	.banner-text h3{
		font-size: 1.2em;
	}
	.index-service-list img{
		max-width:100%;
		height:auto;
	}
}
@media (max-width: 991px) {
	.section .section-wrapper, .footer-contact-form .section-wrapper ,.section-wrapper,.content-wrapper{
		max-width:100%;
		width:100%;
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.content-wrapper{
		max-width:100%;
		padding-top: 0px;
	    padding-bottom: 0px;
	}
	.section-wrapper {
	    width: 100%;
	    max-width:100%;
	}
	.section .section-wrapper img{
		max-width: 100%;
	}
	.mobile-menu-btn{
	    display: block;
	    height: 25px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 15px;
	    width: 25px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn.active{
		position: fixed;
	}
	.mobile-menu-btn div {
	    background:#196A73;
	    height: 3px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 25px;
	}
	.mobile-menu-btn.active div{
		background:#fff;
	}
	.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);
	}
	.logo {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
	    width: auto;
	    height: 40px;
	    display: block;
	}
	header .section-wrapper{
		padding:0;
	}
	header{
		height: 60px;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css custom frame ended */
	.page-banner{
		padding-top:60px;
		height:120px;
	}
	.page-title {
	    font-size: 1.8em;
	    line-height: 1.25em;
	}
	.language{
		top:8;
		right:50px;
	}
	.language {
	    top: 10px;
	    right: 50px;
	    border-right: 1px solid #E30679;
	    padding-right: 20px;
	}
	.banner-text{
		margin-left:0;
		font-size: 1.3em;
	    line-height: 1.25em;
		text-align: center;
	}
	.banner-text h3{
		font-size: 1.2em;
	}
	.index-service-list img{
		width:100%;
		height:auto;
	}
	div[class^="menu-top"] {
	    position: fixed;
	    top: 0px;
	    right: 0px;
	    left: 0;
	    bottom:0;
	    background:rgba(0,0,0,0.8);	
	    opacity: 0;
	    visibility: hidden;   
	    transition: all.3s linear;
	}
	div[class^="menu-top"].active {
	    opacity: 1;
	    visibility: visible;   
	}
	div[class^="menu-top"]>ul{
		opacity: 1;
		transition: all .3s linear;
		display: block;
		box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
		padding-left:0;
	}
	div[class^="menu-top"]>ul{
		border-bottom:1px solid rgba(255,255,255,.15);
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid rgba(255,255,255,.15);
	}
	div[class^="menu-top"] ul a {
	    border-right: 0;
	    color:#fff;
	    padding:20px;
	}
	div[class^="menu-top"]>ul>li:after{
		display: none;

	}
	.sub-menu{
		position: relative !important;
		opacity: 1;
		display: block;
		background: transparent !important;
	}
	.sub-menu-row{
		position: absolute;
		top:0px;
		right:0px;
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		width:35px;
		height:35px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		pointer-events:inherit;
		z-index: 10;
		transition:all .3s linear; 
	}
	div[class^="menu-top"] li .sub-menu,div[class^="menu-top"] li:hover .sub-menu{
		display: none;		
	}	
	div[class^="menu-top"] li .sub-menu.active,div[class^="menu-top"] li:hover .sub-menu.active{
		display: block !important;
		opacity: 1;
		visibility: inherit;
		box-shadow: 0 0 0 !important;
	}
	div[class^="menu-top"] .sub-menu {
		top:10px;
	}
	div[class^="menu-top"] .sub-menu li {
		padding-top: 0;
	    padding-bottom: 0;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.sub-menu-row.active{
		transform: rotate(180deg);
	}
	.mobile-service-menu{
		display:block;
		background:#E30679;		
		padding:10px 15px;
	}
	.mobile-service-menu ul{
		margin-bottom:0;
	}
	.mobile-service-menu li{
		display: none;
		padding:5px 15px;
		color:#fff;
	}
	.mobile-service-menu.active li{
		display: block;
	}
	.mobile-service-menu li.current-menu-item{
		display: block;
		background:#fff;
		color:#E30679;
	}
	.mobile-service-menu li.current-menu-item a{
		pointer-events: none;
	}
	.float-layer{
		background:transparent;
		box-shadow: none;
		padding:0;
		right:0;
		height: 150px;
	}	
	.float-layer *{
		font-size: 0;
		width: 30px;
		height: 30px;
		background:	#E30679;
		border:1px solid #E30679;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.float-layer a{
		background:transparent;
	}
	.float-layer a{
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		content:"";
	}
	.float-layer *:before{
		font-size:20px;
		left: 5px;
		top: 3px;
		color:#fff;
	}
	.float-layer h3{
		display: none;
	}
	.mobile-service-menu a {.
	    display: block;
	}
	.background-box {
	    width: 100vw;
	    height: 270px;
	}
	.half-bg-style .row>div:first-child{
		padding-top:300px;
	}
	.float-layer .wc{	    
	    width: 30px;
	    right: 0;
	    color: #fff;
	    transition: all .3s linear;
	}
	.float-layer .wc.active{	    
	    width: 120px;
	}
	.float-layer .wc span {
	    font-size: 15px !important;
	    color: #fff !important;
	    line-height: 1.8em;
	    padding-left: 7px;
	}
	.page-banner {
	    min-height: 250px;
	}
	.page-banner h1 {
	    margin-top: 0px;
	    font-size: 2rem !important;
	}
	.half-style-img {
	    width:calc(100% + 30px);
	    position: relative;
	    height: 240px;
	    left: -15px;
	    right: -15px;
	    top: -40px;
	}
	.half-style-content {
	    margin-top: 0px;
	    padding:30px 30px 50px 30px;
	    width: 100%;
	    height:unset;
	    min-height: 200px;
	}
	.half-content-middle {
	    min-height: 0px;
	}
	.no-padding {
	    margin-bottom: 0;
	}
	.no-padding img {
	    width: auto;
	    height:300px;
	    margin: auto;
	    display: block;
	}
	.footer-about-us{
		max-width: 100%;
		margin-right: 30px !important;
	    margin-left: 30px !important;
	    margin-bottom: 30px;
	}
	.footer-about-us:after{
		display: none;
	}
	.footer-content-box,.footer-other-info,.phone-box{
	    flex-direction: column;
	    align-items: inherit;
	}
	.footer-content-box{
	    align-items: left !important;
	}
	.footer-qr{
		display: none;
	}
	.mobile-whatsapp{
		display: block;
		margin-bottom:20px;
	}
	.menu-footer-menu-container{
		display:none;
	}
	.copyright{
		text-align: center;
	}
	.center-content-section {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	.page-footer-content{
		margin-top:0;
	}
	.small-wrapper {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.small-wrapper img{
		max-width: 100%;
		height: auto;
	}
	.product-img img{
		max-width:100%;
		height: auto;
	}
	.product-cat-name {
	    padding-left: 30px;
	    padding-right: 30px;
	    line-height: 1.5em;
	    margin-bottom:30px;
	}
	input[type="email"], input[type="text"] {
	    width: 100%;
	}
	.wpcf7{
		padding-left:0px;
		padding-right:0px;
	}
	.contact-info-box {
	    padding: 0px 30px;
	}
	.contact-us-logo{
		margin-bottom:30px;
	}
	.banner-btn{
		z-index: 9;
		display: none;
		visibility: hidden;
	}
	.title-box>div>span{
		display: block;
		clear: both;
	}
	.title-box>div>select{
		width: 100%;
	}
	.contact-info-box {
	    margin-top: 0px;
	}
	.flexslider .slides img {
	    height: auto;
	    -moz-user-select: none;
	    max-height: 600px;
	    max-width: 100%;
	    width: auto;
	    margin: auto;
	}
	.project-img{
		height: auto;
	}
	.mobile-hide{
		visibility: hidden;
		display: none;
	}
	.mobile-show{
		display: block;
		visibility: visible;
	}
	.mobile-show img{
		display: block;
		margin:auto;
		margin-top:10px;
		margin-bottom:10px;
	}
	.btn-fixed {
	    position: fixed;
	    z-index: 10;
	    bottom: 15px;
	    left: 15px;
	    width: auto;
	    margin: auto;
	    display: table;
	    top: unset;
	   	font-size:1rem;

	}
	.btn-fixed a{
		display: block;
		margin-bottom:5px;
		color:#fff;
	}
	.btn-fixed img{
		width:100%;
		height: auto;
	}
	div[class^="menu-top"] li .sub-menu, div[class^="menu-top"] li:hover .sub-menu {
	    display: block;
	    color: #fff !important;
	    opacity: 1;
	    visibility: visible;
	    top: unset !important;
	    position: relative !important;
	    bottom: unset !important;
	}
	div[class^="menu-top"] li .sub-menu>li{
		border-top: 1px solid rgba(255,255,255,.15);
	
	}
	div[class^="menu-top"] ul.sub-menu li a:hover{
		background-color:inherit !important;
		color:#fff !important;
	}
	div[class^="menu-top"] li .sub-menu>li a{
		padding:20px 20px 20px 30px;
	}
	div[class^="menu-top"] li .sub-menu>li a:before{
		content:"- ";
	}
	.contact-info{
		flex-direction: column;
	}
	.contact-info-box:first-child{
		border-right: unset;
	}
}