@media (min-width: 992px) and (max-width: 1199px) {
	.section-wrapper{
		max-width:800px;
		width:100%;
	}
	.header-wrapper,.content-wrapper{
		max-width: 100%;
	}
	.wow {
	   visibility: visible;
	}
}
@media (max-width: 991px) {
	.section .section-wrapper, .footer-contact-form .section-wrapper ,.section-wrapper{
		max-width:100%;
		width:100%;
	}
	.mobile-menu-btn{
	    display: block;
	    height: 25px;
	    right: 21px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 20px;
	    width: 25px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#7D60A6;
	    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: 11px;
	    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:20px;
	}
	/* css frame ended */
	.header-wrapper,.content-wrapper{
		max-width: calc(100% - 30px);
	}
	div[class^="menu-top"] {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    z-index: 10000;
	    height: 100%;
    	background: rgba(0,0,0,0.85);
    	transition: all .3s ease-in-out;
    	transform: translateX(-100%);
    	width: calc(100% - 66px);
	}
	div[class^="menu-top"].active {
    	transform: translateX(0%);
	}
	div[class^="menu-top"]>ul{
		background: transparent;
		transition: all .3s linear;
		display: block;
		border-bottom:1px solid rgba(255,255,255,.15);
	}
	div[class^="menu-top"]>ul.active{
		visibility:visible;
		opacity: 1;
	}
	div[class^="menu-top"]>ul>li{
		border-top:1px solid rgba(255,255,255,.15);
	}
	div[class^="menu-top"] ul a {
	    border-right: 0;
	    padding:20px 20px;
	    color: #fff !important;
	}
	.top-menu ul.menu>li.current-menu-item:before, .top-menu .current-menu-parent:before{
		display: none;
	}
	.sub-menu{
		position: relative !important;
		opacity: 1;
		display: block;
		background: transparent !important;
	}
	.sub-menu-row{
		position: absolute;
		top:0px;
		right:0px;
		section: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		width:35px;
		height:35px;
		display: flex;
		justify-section: 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;
	}
	header .logo img {
	    height: 50px;
	    width: auto;
	}
	header .logo{
		padding-left:15px;
	}
	.section {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.footer-content-box{
		flex-direction: column;
	}
	div[class^="menu-footer"]{
		display: none;
	}
	.copyright {
	    text-align: center;
	}
	.content-wrapper{
		padding: 0 15px;
	}
	.row>div:nth-child(2) .half-style-content{
		padding:0;
	}
	.page-title-section {
	    padding-top: 100px;
	    padding-bottom: 30px;
	}
	.page-desc {
	    padding-bottom: 30px;
	    line-height: 1.5em;
	}
	.service-list img {
	    width: 100%;
	    height: auto;
	}
	.big-pad {
	    width: 478px;
	    height: 330px;
	    margin-right: 25px;
	}
	.big-pad-section{
		padding-bottom:80px;
	}
	.big-pad-wrapper {
	    height: 340px;
	}
	.section-banner {
	    margin-top: 30px;
	}
	.spec-img-section{
		padding:0;
		overflow: visible;
	}
	.spec-img-section .section-wrapper{
		padding-bottom: 40px;
		overflow: visible;
	}
	.spec-img-section .row>div:first-child{
		order:1;
	}
	.spec-img img {
	    width: 100%;
	    height: auto;
	    margin: auto;
	    display: block;
	    position: relative;
	    margin-top:-100px;
	    max-width: 400px;
	}
	.section-banner-desc {
	    font-size: calc(1.375rem + 1.5vw);
	}
	.section-wrapper {
		padding-left:30px;
		padding-right:30px;
		overflow-x: hidden;
	}
	.about-section .section-wrapper{
		padding-bottom:0;
	}
	.about-section .half-style-img {
	    width: auto;
	    height: 200px;
	    bottom: unset;
	    left: unset;
	    right: unset;
	    position: relative;
	    top: unset;
	    margin-left: -30px;
	    margin-right: -30px;
	    margin-bottom: 30px;
	    margin-top: -100px;
	}
	.wow {
	   visibility: visible;
	}
	#animation_container, #animation_container canvas{
	    max-width: 617px;
    	max-height: 218px;
	}
	.section-banner {
	    overflow: hidden;
	}
	.qr-code-box,.footer-qr{
		display: none;
	}
	.mobile-whatsapp{
		display: block;
		padding-top:30px;
		padding-bottom:30px;
	}
	.footer-other-info {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    padding: 0 30px;
	}
	.footer-about-us:after{
		display: none;
	}
	.copyright{
		font-size:.65rem;
	}
	footer .section-wrapper {
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.article-img img{
		width:100%;
		height:250px;
		background-size: cover;
	}
	.footer-contact-info {
	    justify-content: left;
	}
	.footer-other-info>div {
	    margin-left: unset;
	    margin-right: unset;
	}
	.banner-btn-group a, a.btn, input.btn,.banner-btn-group a:last-child, a.btn, input.btn {
	    padding: 10px 20px;
	}
	.article-excerpt-box {
	    padding: 20px;
	    line-height: 1.25em !important;
	}
	.page-title-section h1, h1.page-title {
	    font-size: 1.5rem;
	}
	.news-post:nth-of-type(1) {
	    margin-top: 30px !important;
	}
	.article-excerpt-box h3 {
	    margin-bottom: 10px;
	}
	h3 {
	    font-size: 1.15rem;
	}
	.index-banner{
		width:100%;
		height:100vh;
		max-height: -webkit-fill-available;
		background-image:unset;
		background-size: auto 100%;
		background-position: center center;
		background-repeat: no-repeat;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.index-banner:before{
		content:"";
		width:100%;
		height:100%;
		background-image:url('../img/index-banner.jpg');
		background-size: auto 100%;
		background-position: center center;
		background-repeat: no-repeat;
		display: flex;
		justify-content: center;
		opacity: .5;
		position: absolute;

	}
	.banner-content {
		font-size:1rem;
		line-height: 1.5em;
		background:rgba(255,255,255,.5);
		padding:30px;
		margin-left:-30px;
		margin-right:-30px;
	}
	.banner-content h1 {
	    font-weight: 900;
	    color: #7D60A6;
	    font-size: 1.4rem;
	    line-height: 1.5em;
	   
	}
	.index-banner-desc {
	    font-size: 1.15rem;
	    line-height: 1.5em;
	}
	.about-section{
		padding-top:0;
	}
	.row>div:nth-child(1) .half-style-content {
	    padding: 30px 0;
	    line-height: 2em;
	}
	.center-title-desc, .small-aligncenter {
	    max-width: 800px;
	    text-align: center;
	    margin: auto;
	    display: block;
	    line-height: 2em;
	}
	.section-wrapper p, .service-details > div {
	    text-align: justify;
	    line-height: 2em;
	}
	.half-title {
	    margin-bottom: 10px;
	    font-weight: 900;
	}
	.footer-about-us {
    	max-width: unset;
    }
    .contact-info-box, .qr-code-box {
	    max-width: unset;
	}
	.small-wrapper {
	    padding-left: 0;
	    padding-right: 0;
	}
	input.wpcf7-form-control[type="text"],input.wpcf7-form-control[type="email"]{
		width:100%
	}
	.contact-info-wrapper {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.google-btn {
	    padding: 10px 10px;
	}
	.google-btn img {
	    margin: 0 5px;
	}
	.big-pad-sub-page {
	    padding-top: 130px;
	}
	.whatsapp-btn{
		position: fixed;
		bottom:15px;
		right:15px;
		width:70px;
		height: 70px;
		font-size:2.35rem;
	}
	.adv-icon-box {
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-align: justify;
	}
	.adv-icon-box h3{
		text-align: center;
	}
	.adv-icon-box img {
	    margin-right: 0px;
	    margin-bottom:10px;
	}
	.section-desc{
		line-height: 1.5em;
	}
	.section-center-title {
	    margin-bottom: 10px;
	}
	.block-btn{
		display: table !important;
	}
	.html5-banner {
        transform: scale(0.65) translateX(-100px) translateY(-50px);
        height: 250px;
    }
}
@media (max-width: 767px) {
}