@media (min-width:1200px) and (max-width:1365.98px){
	.container{
		max-width: 1170px;
	}
}
@media (min-width:992px) and (max-width:1199.98px){
	html{
		font-size: 51.28%;
	}
}

@media (max-width:991.98px){

	.menu {
	    position: fixed;
	    top: 0rem;
	    height: 100vh;
	    width: 100%;
	    left: -100%;
	    background-color: #FDFDFD;
	    text-align: center;
	    z-index: 1;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    overflow: auto;
	    padding-bottom: 2rem;
	    display: block;
	}
	.menu.current{
		left: 0rem;
	}
	.hamburger-menu {
		display: block;
	}

	.header-wrapper .header-logo img {
		position: relative;
		z-index: 2;
		width: 10rem;
	}
	.menu>ul{
		display: block;
		margin-bottom: 2rem;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		padding-top: 15rem;
	}
	.menu>ul>li {
	    max-width: 100%;
	    margin-right: auto !important;
	    padding: 2rem 0rem !important;
	    margin-left: auto;
	}
	.menu>ul>li:last-child{
		border-bottom: none;
	}
	.menu>ul>li>a.active {
		border-bottom: none;
	}
	.menu>ul>li>a{
		padding: 0;
		border-right: none;
		display: block;
		align-items: center;
		justify-content: space-between;
	}
	.menu>ul>li.active>a, 
	.menu>ul>li>a:hover {
	    color: var(--dark);
	}
	.menu>ul>li.dropdown_wrap>ul {
		background-color: transparent;
		padding-bottom: 0;
		text-align: left;
	}
	.menu>ul>li.dropdown_wrap:hover {
	    background-color: transparent;
	}
	.menu>ul>li>a {
	    color: var(--black);
	    font-size: 1.6rem;
	}
	.menu>ul>li.dropdown_wrap{
		padding-left: 0;
		padding-right: 0;
	}
	.menu>ul>li.dropdown_wrap>ul {
	    position: relative;
	    padding: 3rem 0 0rem;
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	    opacity: 1;
	    pointer-events: all;
	    width: 100%;
	    display: none;
	    top: auto;
		text-align: center;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a {
	    font-size: 1.6rem;
	    padding-left: 0;
	    padding-right: 0;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a:hover,
	.menu>ul>li.dropdown_wrap>ul>li.active>a{
		color: var(--dark);
	}
	.special-feature {
		padding: 3rem;
	}
	.faq_area h2 {
	    max-width: 50rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.faq_area .accordion{
		column-count: 1;
	}
	.get-app-content{
		margin-top: 4rem;
	}
	.header-btn{
		justify-content: center;
	}
}

@media (max-width:575.98px){
	html{
		font-size: 2vw;
	}
	.container {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.recommendation-sec {
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	}
	.banner-img{
		margin-top: 2rem;
	}
}