@media screen and (max-width: 1199px){

}

@media screen and (max-width: 991px){
	.hero-content {
	    padding-top: 0;
	}

	h1.hero-title {
	    font-size: 30px;
	}

	h3.hero-subtitle {
	    font-size: 20px;
	}

	.hero-btns {
	    flex-direction: column;
	    margin-bottom: 0px;
	}

	.hero-btns a {
	    text-align: center;
	    margin-bottom: 10px;
	}
	.section-title h2 {
	    font-size: 26px;
	}
	.section-title h2 {
	    font-size: 26px;
	}

	.icon-box-heading h3 {
	    font-size: 20px;
	}

	.icon-box-desc {
	    font-size: 14px;
	}

	section#recent-files {
	    padding-bottom: 50px;
	}

	.cta-section h3.cta-heading {
	    font-size: 24px;
	}

	.cta-section p {
	    font-size: 18px;
	}

	.pricing-content {
	    padding: 0;
	}

	.pricing-content h2 {
	    font-size: 26px;
	}

	.pricing-content h2 span {
	    font-size: 36px;
	}

	.pricing-content p {
	    font-size: 16px;
	    line-height: 24px;
	}

	section#survey h2 {
	    font-size: 26px;
	}
	.container.container-small-full {
	    max-width: 100%;
	}
	.footer-logo {
	    display: flex;
	    justify-content: center;
    	margin: 0 auto 20px;
	}

	#mainFooter .footer-menu ul a {
	    font-size: 13px;
	}

	.copyright-text {
	    font-size: 12px;
	}
	#mainFooter .footer-menu ul {
	    justify-content: center;
	    flex-wrap: wrap;
	}
}

@media screen and (max-width: 767px){
	section#header .header-menu {
    display: none;
	}

	h1.hero-title {
	    font-size: 24px;
	    font-weight: 600;
	}

	h3.hero-subtitle {
	    font-size: 18px;
	}

	.section-title h2 {
	    font-size: 22px;
	}

	.cta-section h3.cta-heading {
	    font-size: 22px;
	}

	.cta-section p {
	    font-size: 16px;
	}

	.cta-section p span {
	    font-size: 20px;
	}

	.cta-section {}

	.cta-section {
	    margin-bottom: 50px;
	}

	.pricing-content h2 {
	    font-size: 22px;
	}

	.pricing-content h2 span {
	    font-size: 30px;
	}

	section#survey h2 {
	    font-size: 22px;
	    line-height: 33px;
	}
	.mobile-menu-toggle {
		display: block;
	}
	.mobile-menu-toggle a span {
	    display: flex;
	    width: 40px;
	    height: 2px;
	    background: white;
	    position: relative;
	    transition: transform ease-in 0.1s;
	}

	.mobile-menu-toggle {
	    display: flex;
	    justify-content: flex-end;
	    position: relative;
	    z-index: 99;
	}

	.mobile-menu-toggle a {
	    height: 50px;
	    width: 50px;
	    display: flex;
	    position: relative;
	    justify-content: center;
	    align-items: center;
	}

	.mobile-menu-toggle a span:before {
	    content: "";
	    position: absolute;
	    top: -10px;
	    width: 40px;
	    height: 2px;
	    background: white;
	    transition: transform ease-in 0.3s;
	}

	.mobile-menu-toggle a span:after {
	    content: "";
	    position: absolute;
	    top: 10px;
	    width: 40px;
	    height: 2px;
	    background: white;
	    transition: transform ease-in 0.3s;
	}
	.mobile-menu-toggle a.open span,
	.mobile-menu-toggle a.open span:before,
	.mobile-menu-toggle a.open span:after{
		background: var(--theme-black);
		transition: transform ease-in 0.3s;
	}
	.mobile-menu-toggle a.open span:before {
	    transform: rotate(90deg);
	    top: 0;
	    transition: transform ease-in 0.3s;
	}

	.mobile-menu-toggle a.open span {
	    transform: rotate(135deg);
	    transition: transform ease-in 0.3s;
	}

	.mobile-menu-toggle a.open span:after {
	    display: none;
	}
	.header-mobile-menu {
	    display: block;
	    position: fixed;
	    background: white;
	    right: 0px;
	    height: 100vh;
	    top: 0;
	    z-index: 9;
	    padding: 50px 20px;
	    width: 300px;
	    max-width: 100%;
	    transform: translateX(100%);
	    transition: transform ease-in 0.3s;
	}
	.header-mobile-menu.open {
		transform: translateX(0);
		transition: transform ease-in 0.3s;
	}

	.header-mobile-menu ul {
	    list-style: none;
	    padding: 0;
	}

	.header-mobile-menu ul li a {
	    font-size: 14px;
	    color: var(--theme-black);
	    text-transform: uppercase;
	}

	.header-mobile-menu ul li {
	    border-bottom: 1px solid #ededed;
	    padding: 10px 0;
	}
	.glass-effect {
		background: rgb(255 255 255 / 56%);
	    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
	    backdrop-filter: blur(5px);
	    -webkit-backdrop-filter: blur(5px);
	    border: 1px solid rgba(255, 255, 255, 0.3);
	}
	.no-scroll {
		overflow: hidden;
	}
	form.profile-form .form-group {
	    width: 100%;
	    margin: 10px 0;
	}
	.dashboard-menu {
		display: none;
	}
	.dashboard-heading {
    	margin-top: 30px;
	}
	.header-search,
	.header-username  {
    	display: none;
	}

	body.logged-in ul.header-mob-menu-logged-out {
	    display: none;
	}

	body.logged-in .header-mob-menu-logged-in {
	    display: block;
	}

	body.logged-out ul.header-mob-menu-logged-out {
	    display: block;
	}

	body.logged-out .header-mob-menu-logged-in {
	    display: none;
	}


}

@media screen and (max-width: 576px){
	.hero-content {
	    text-align: center;
	    margin-bottom: 60px;
	}
}