@media (min-width: 992px) and (max-width: 1199px) {
	.content-wrapper{
		max-width:800px;
		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) {
	.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper{
		max-width:100%;
		width:100%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.mobile-menu-btn{
	    display: block;
	    height: 25px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 8px;
	    width: 25px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#E30679;
	    height: 3px;
	    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);
	}
	.logo {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
	    width: auto;
	    height: 40px;
	    display: block;
	}
	header .content-wrapper{
		padding:0;
	}
	header{
		height: 60px;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css custom frame ended */
	.banner{
	      height: calc(100vh - 56px);
	}
	.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: absolute;
	    top: 50px;
	    right: 0px;
	    left: 0;
	}
	div[class^="menu-top"]>ul{
		background:rgba(240,240,240,1);
		visibility: hidden;
		opacity: 0;
		transition: all .3s linear;
		display: block;
		box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
	}
	div[class^="menu-top"]>ul.active{
		visibility:visible;
		opacity: 1;
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid #ddd;
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid #ddd;
	}
	div[class^="menu-top"] ul a {
	    border-right: 0;
	}
	.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;
	}
}