@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) {
	.header-top{
		display: none;
	}
	.section .section-wrapper, .section .no-wrapper{
		padding-top:30px;
		padding-bottom:30px;
	}
	.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper,.section-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: 15px;
	    width: 25px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#6F321B;
	    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;
	}
	header .logo a{
		display: table;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css custom frame ended */
	.banner{
	      height: calc(60vh);
	}
	.page-banner{
		padding-top:60px;
		height:180px;
	}
	.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.75em;
	    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;
		position: fixed;
        top: 0;
        bottom: 0;
        padding-left: 0;
        transform: translateX(-100%);
        width: calc(100% - 68px);
	}
	div[class^="menu-top"]>ul.active{
		visibility:visible;
		opacity: 1;
		transform: translateX(0%);
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid #ddd;
	}
	div[class^="menu-top"]>ul>li:last-child{
		border-bottom:1px solid #ddd !important;	
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid #ddd;
	}
	div[class^="menu-top"] ul a {
	    border-right: 0;
	    padding:20px;
	}
	.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 h1{
		font-size:1.5rem;
		margin-top:30px;		
		font-weight: bold;
	}
	.half-style-img {
		width: 100vw;
	    height: 300px;
	    position: relative;
	    right: 0;
	    top: -60px;
	    bottom: -60px;
	    margin: auto;
	    margin-bottom: -60px;
	    margin-left: -15px;
	}
	.footer-content-box {
	    flex-direction: column;
	}
	.footer-about-us:after{
		display: none;
	}
	.footer-other-info {
		width: 100%;
	    margin-top: 30px;
	}
	.footer-content-box>div:first-child{
		max-width: unset;
	}
	.wpcf7 input[type="email"]{
		width: 100%;	
	}
	.menu-footer-menu-container{
		display: none;
	}
	.copyright{
		text-align: center;
	}
	.half-style img {
	    max-width: 100%;
	    height: auto;
	}
	.half-style{
		overflow-x: hidden;
	}
	.wpcf7-form-control-wrap{
		    width: 100% !important;
    		display: block;
	}
	.wpcf7-form-control-wrap input[type="text"]{
		    width: 100% !important;
    		display: block;
	}
	.footer-other-info .row>div:nth-child(2){
		display: none;
	}
	.border-right{
		border-right: 0;
	}
	.contact-info-box a{
		word-break: break-all;
	}
	.contact-info-box .logo img{
		margin-left:auto;
		margin-right:auto;
		display: block;
	}
	.section img{
		max-width: 100%;
		height: auto;
	}
	.event-style-img {
	    width: 100%;
	    height: 200px;
	    position: relative;
	    right: unset;
	    top: unset;
	    bottom: unset;
	    margin: auto;
	    background-size: cover;
	    background-position: center center;
	    transition: all .3s linear;
	}
	.event-style-content {
	    min-height: unset;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    padding: 30px;
	}
	.activites-list .shadow-box:first-child,.activites-list .shadow-box{
	    margin-top: 0px;
	    margin-bottom: 60px;
	}
	.user-msg {
	    width: 100%;
	    margin-top: 10px;
	}
	.user-img {
	    width: 150px !important;
	    margin: auto !important;
	    display: block !important;
	    float: unset !important;
	}
}