/*
Author: SorkosTema
Author URI: http://themeforest.net/user/SorkosTema/portfolio
*/
/* Portrait tablets and medium desktops */

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

	body {
		/*background-color: tomato;*/
	}

	/* hanna btn */
	
	.hanna-btn {
		padding: 15px 35px;
	}
	/* get appointment */
	
	.hanna-booking-text-wraper .hanna-border.hanna-version-3 {
		width: calc(100% - 100px);
	}
	/* about version 5 */
	
	.hanna-sub-heading.hanna-watermark-title.hanna-version-2 h2 {
		font-size: 3.286em;
	}
	.hanna-border-with-text-wrap {
		padding: 45px 0 45px 35px;
	}
	.hanna-border.hanna-version-1 {
		width: calc(100% - 100px);
	}
	/* team page */
	/* team */
	
	.hanna-team-group-v3 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.hanna-team-group-v3 .hanna-team-col-v3 {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
		width: 50%;
		margin: 0 0 30px;
		text-align: center;
	}

	/* nav bar */
	.hanna-header-section.hanna-version-1 .hanna-version-2.hanna-logo {
		max-width: 155px;
	}
	.hanna-version-2.hanna-logo:after {
		border-left: 77.5px solid transparent;
		border-right: 77.5px solid transparent;
		border-top: 40px solid var(--color-white);
	}
}
/* Portrait tablets and small desktops */

@media (max-width: 991px) {
	body {
		/*background-color: yellow;*/
		
		font-size: 16px;
	}
	/* header */
	
	.navbar-brand {
		float: right;
	}
	.navbar-brand {
		display: block;
	}
	.dropdown-menu {
		position: relative;
		float: none;
	}
	.hanna-main-header .navbar {
		text-align: right;
	}
	.hanna-main-header .navbar-toggler {
		margin: 20px 0;
		padding: 0;
		font-size: 1em;
		width: 100%;
		line-height: 0;
		cursor: pointer;
		position: relative;
	}
	.hanna-version-2.hanna-logo,
	.hanna-logo.hanna-version-3,
	.hanna-header-section.hanna-header-version-2 .hanna-logo-wraper .hanna-logo {
		display: none;
	}
	.hanna-header-section.hanna-header-version-3.hanna-header-version-4 .nav-side-logo {
		top: -20px;
	}
	.nav-side-logo {
		top: -17px;
	}
	.nav-side-logo .hanna-logo {
		top: 0;
		min-height: 57px;
		min-width: 140px;
		display: block;
		padding: 0 !important;
		box-shadow: none;
	}
	/* menu */
	
	.hanna-header-section.hanna-version-1 .hanna-logo img {
		width: auto;
	}
	.hanna-header-section.hanna-version-1 .hanna-logo {
		min-height: auto;
		min-width: auto;
		max-width: none;
		max-height: none;
	}
	.hanna-header-section.hanna-version-1 .nav-toggle {
		/*margin-top: 10px;*/
		margin-top: 0;
	transform: translateY(-50%);
	}

	.hanna-version-2.hanna-logo:after {
		display: none;
	}
	.hanna-header-section.hanna-version-1 .hanna-version-2.hanna-logo img {
		padding: 0;
	}
	.xs-navigation-middle-menu.xs_nav-portrait .xs-row,
	.hanna-mega-menu.xs_nav-portrait .xs-row {
		flex-direction: column;
	}
	.hanna-extra-css .hanna-main-header nav li a {
		padding: 12px 15px 12px 26px;
	}
	.xs-row .xs-col-5 {
		width: 100%;
	}
	.xs-row .xs-col-2 {
		width: 100%;
	}
	.xs-row .xs-col-9 {
		width: 100%;
	}
	.xs-row .xs-col-3 {
		width: 100%;
	}
	.hanna-header-section.hanna-header-version-3 .hanna-main-header .hanna-mega-menu .hanna-btn-wraper {
		text-align: center;
		margin: 30px 0 0 0;
	}
	.xs-navigation-middle-menu .nav-menus-wrapper-close-button {
		margin: 0 0 0 auto;
	}
	.hanna-header-section.hanna-header-version-3 .hanna-main-header .hanna-mega-menu .nav-menus-wrapper-close-button {
		margin: 0 0 0 auto;
	}
	.hanna-header-section .xs-navigation-middle-menu.xs_nav-portrait .nav-toggle {
		margin: 0;
		transform: translateY(-50%);
	}
	/* mega menu */
	
	.hanna-main-header .megamenu-panel {
		padding: 15px;
		position: relative;
	}
	/* side by side image */
	.hanna-new-about-img-wraper:before, .hanna-new-about-img-wraper:after {
		display: none;
	}
	/* new about text */
	
	.hanna-new-about-text-gruop {
		padding: 0 55px 30px;
	}
	/* before after section */
	
	.hanna-before-after.twentytwenty-container {
		margin: 0 0 30px;
	}
	/* our service */
	
	.hanna-video-side-text {
		width: 100%;
		padding: 0 0 30px;
	}
	.hanna-vedio-section-with-text .hanna-3d-project-card {
		text-align: center;
	}
	/* booking section */
	
	.hanna-booking-text-wraper .hanna-border.hanna-version-3 {
		margin: 0 auto 30px auto;
	}
	/* pricing */
	
	.hanna-single-pricing-table {
		margin: 0 0 30px;
	}
	/* tab */
	
	.hanna-tab-text-content {
		padding: 0;
	}
	.hanna-tab .hanna-tab-text-content h3 {
		margin: 0 0 20px;
	}
	.hanna-tab .hanna-tab-text-content p {
		margin: 0 0 15px;
	}
	/* team */
	
	.hanna-single-team {
		margin: 0 0 30px;
	}
	/* news feeds */
	
	.hanna-single-newsletter {
		margin: 0 0 30px;
	}
	/* footer */
	
	.hanna-subscribe-wraper {
		width: 80%;
	}
	.hanna-single-footer {
		margin: 0 0 30px;
	}
	/* partners */
	
	.hanna-partner-text-content {
		padding: 0;
	}
	/* index version 2 */
	/* video section */
	
	.hanna-video-section {
		padding: 150px 0;
	}
	/* service */
	
	.hanna-single-our-sevice {
		margin: 0 0 30px;
	}
	/* how it work */
	
	.hanna-single-how-it-work {
		margin: 0 0 80px;
	}
	/* shop call to action */
	
	.hanna-watermark-big-icon {
		background-size: 100%;
	}
	/* our products */
	
	.hanna-product-group {
		margin: 0 0 30px;
	}
	/* hanna simple text */
	
	.hanna-simple-text-with-img-section .hanna-simple-img-wraper {
		margin: 0;
	}
	.hanna-simple-text-with-img-section .hanna-simple-text {
		margin: 0 0 30px;
		padding: 0;
	}
	.hanna-simple-text-with-img-section-v2 .hanna-simple-img-wraper {
		margin: 0 0 30px;
	}
	.hanna-simple-text-with-img-section-v2 .hanna-simple-text {
		padding: 0;
		margin: 0;
	}
	/* welcome */
	
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-container {
		width: 80.666667%;
	}
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-wraper:before {
		height: calc(100% - 26px);
	}
	/* copyright content */
	
	.hanna-copyright-text p {
		line-height: inherit;
	}
	/*=========================== index version 3 ===================*/
	/*counter up*/
	
	.hanna-single-fun-factory:before {
		top: 0;
		font-size: 6em;
	}
	.hanna-single-fun-factory {
		margin: 0 0 40px;
	}
	.hanna-fun-factory-section {
		padding: 100px 0;
	}
	/* pricing */
	
	.hanna-single-pricing-table.hanna-version-3 .hanna-pricing-header img {
		width: auto;
	}
	/* welcome */
	
	.hanna-welcome-section.hanna-welcome-version-3 .hanna-welcome-container {
		width: 90%;
	}
	/*==================== index version 4 =====================*/
	/* our feature */
	
	.hanna-single-our-feature {
		margin: 0 0 30px;
	}
	/*========================== index version 5 =====================================*/
	/* video pop up section */
	
	.hanna-video-popup-content {
		margin: 0 0 40px;
	}
	/* intro video section */
	
	.hanna-video-section.hanna-version-2:before {
		display: none;
	}
	/* best features slider */
	
	.hanna-best-features-wraper {
		padding: 0 0 50px;
	}
	/* clients review */
	
	.hanna-best-reviewr-avator-wraper {
		width: 100%;
		margin: 0 0 30px;
	}
	.hanna-best-reviewr-avator {
		text-align: center;
	}
	/* call to action */
	
	.hanna-call-to-action-content-v2 {
		padding: 0;
		text-align: center;
		margin: 0 0 30px;
	}
	.hanna-call-to-action-v2 .hanna-btn-wraper {
		padding: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* about version 5 */
	
	.hanna-sub-heading.hanna-watermark-title.hanna-version-2 h2 {
		font-size: 2.286em;
	}
	.hanna-about-section-v2 .hanna-about-us-img {
		margin: 0 0 30px;
	}
	.hanna-about-section .hanna-simple-img-wraper {
		margin: 30px 0 0;
	}
	/* contact */
	
	.hanna-contact-wraper.hanna-version-1 {
		padding: 0;
	}
	.hanna-contact-details {
		margin: 0 0 30px
	}
	.hanna-contact-form {
		padding: 20px;
	}
	/* contact version 3  */
	
	.hanna-contact-wraper.hanna-version-2 {
		padding: 0;
	}
	.hanna-contact-wraper.hanna-version-2 .hanna-contact-form {
		padding: 27px 10px;
	}
	/* 404 page */
	
	.hanna-404-content h2:before {
		top: 50%;
		height: auto;
		font-size: .700em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.icon-404 {
		display: block;
	}
	/* comming soon */
	
	.hanna-comming-soon-content.center-content {
		width: 100%;
	}
	.hanna-comming-soon-section.hanna-version-2 .hanna-comming-soon-text h2,
	.hanna-comming-soon-section.hanna-version-2 .hanna-comming-soon-text h3 {
		font-size: 2.286em;
	}
	.hanna-comming-soon-section.hanna-version-2 .hanna-subscribe-wraper {
		width: 100%;
	}
	/* pricing html */
	
	.hanna-pricing-table-section.hanna-version-6 .hanna-beauty-product-hover-content {
		bottom: 6px;
	}
	.hanna-single-pricing-table-txt {
		padding: 0;
		margin: 0 0 30px;
	}
	.hanna-single-new-pricing-wraper {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-single-new-pricing.hanna-pricing-header,
	.hanna-single-new-pricing.hanna-pricing-content,
	.hanna-single-new-pricing.hanna-pricing-footer {
		padding: 20px;
	}
	.hanna-single-new-pricing.hanna-pricing-content {
		grid-gap: 10px;
	}
	/* sponsor */
	
	.hanna-clients-wraper.no-slider .hanna-clients-group {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
	.hanna-partner-text-content.hanna-version-2 {
		margin: 30px 0 0;
	}
	.hanna-subscribe-wraper.hanna-version-5 input:not([type="submit"]) {
		width: calc(100% - 210px);
	}
	/* team */
	
	.hanna-team-group-v3 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.hanna-team-group-v3 .hanna-team-col-v3 {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}
	.hanna-team-group-v3 .hanna-team-col-v3 .hover .hanna-team-content-v3 {
		left: 45%;
	}
	.hanna-team-content-v3 {
		width: 45%;
	}
	/* menu skew */
	
	.menu-skew {
		-webkit-animation-fill-mode: none;
		animation-fill-mode: none;
		will-change: unset;
	}
	.menu-skew.swingInX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.menu-skew.swingOutX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.hanna-header-section.navbar-fixed {
		-webkit-perspective: none !important;
		perspective: none !important;
		-webkit-transform-style: unset !important;
		transform-style: unset !important;
	}
	.hanna-main-header nav li a:before {
		display: none;
	}
	/* product-details.html */
	.hanna-woocommerce-tabs .nav-tabs li a {
		padding: 16px 15px;
	}
	.hanna-add-to-chart-form .w-quantity-btn, 
	.hanna-add-to-chart-form .hanna-wishlist {
		margin: 15px 0;
	}
	.hanna-add-to-chart-form, 
	.hanna-add-to-chart-form form {
		align-items: flex-start;
		flex-direction: column;
	}
	.hanna-add-to-chart-form .hanna-wishlist {
		margin: 0;
	}
	/* portfolio-single.html */
	.hanna-next-prev-wraper {
		margin: 30px 0;
	}
	/* cart.html */
	.hanna-cart table.shop_table td {
		padding: 10px 5px;
	}
	.hanna-cart .coupon {
		width: 70%;
	}
	.hanna-cart .cart-collaterals {
		width: 90%;
	}

	.hanna-new-header.xs-extra-css .xs_nav-portrait {
		height: 88px;
	}
	.hanna-new-header.xs-extra-css .xs_nav-portrait .nav-toggle{
		transform: translateY(-50%);
	}
}
/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
	body {
		font-size: 14px;
	}
	/* padding section and padding bottom */
	
	.hanna-padding-bottom {
		padding: 0 0 60px;
	}
	.section-padding {
		padding: 50px 0;
	}
	.hanna-section-headinig {
		padding: 80px 0 60px 0;
	}
	/* hanna btn */
	
	.hanna-btn-wraper a {
		margin: 0 10px 0 0;
	}
	.hanna-btn {
		padding: 15px 22px;
		font-size: .9em;
	}
	/* section heading */
	
	.hanna-section-headinig h3 {
		font-size: 2.0em;
	}
	/* social icon main version */
	
	.hanna-social-list li a {
		height: 36px;
		width: 36px;
	}
	/* inner page welxome section */
	
	.hanna-inner-welcome-content h1 {
		word-break: break-all;
	}
	/* header area */
	/* main menu */
	
	.navbar-brand {
		float: right;
	}
	.navbar-brand {
		display: block;
	}
	.dropdown-menu {
		position: relative;
		float: none;
	}
	.hanna-main-header .navbar {
		text-align: right;
	}
	.hanna-main-header .navbar-toggler {
		margin: 20px 0;
		padding: 0;
		font-size: 1em;
		width: 100%;
		line-height: 0;
		cursor: pointer;
		position: relative;
	}
	.hanna-version-2.hanna-logo,
	.hanna-logo.hanna-version-3,
	.hanna-header-section.hanna-header-version-2 .hanna-logo-wraper .hanna-logo {
		display: none;
	}
	.hanna-main-header .megamenu-panel {
		padding: 15px;
		position: relative;
	}
	.xs_nav-portrait .megamenu-panel {
		position: relative;
		z-index: 1;
	}
	.xs-navigation-middle-menu.xs_nav-portrait .xs-row,
	.hanna-mega-menu.xs_nav-portrait .xs-row {
		flex-direction: column;
	}
	.xs-row .xs-col-5 {
		width: 100%;
	}
	.xs-row .xs-col-2 {
		width: 100%;
	}
	.xs-row .xs-col-9 {
		width: 100%;
	}
	.xs-row .xs-col-3 {
		width: 100%;
	}
	.xs-navigation-middle-menu .nav-menus-wrapper-close-button {
		margin: 0 0 0 auto;
	}
	.hanna-header-section .xs-navigation-middle-menu.xs_nav-portrait .nav-toggle {
		margin: 0;
		transform: translateY(-50%);
	}
	.hanna-header-section.hanna-version-1 .nav-toggle {
		/*margin-top: 24px;*/
	}
	.hanna-header-section.hanna-header-version-2 .hanna-new-header .nav-toggle {
		margin: 0;
	}
	/* nav side logo */
	
	.nav-side-logo .hanna-logo {
		top: 0;
		min-height: 57px;
		min-width: 140px;
		display: block;
		padding: 0 !important;
	}
	.nav-side-logo {
		top: -17px;
	}
	.nav-side-logo .hanna-logo:after {
		display: none;
	}
	.nav-side-logo .hanna-logo img {
		height: inherit;
		padding: 5px;
	}
	/* nav side icon */
	
	.hanna-nav-search-button {
		text-align: left;
	}
	/* mega menu logo*/
	
	.hanna-logo {
		padding: 0;
		box-shadow: none;
		top: 41px;
	}
	.hanna-header-section.hanna-version-1 .hanna-logo img {
		width: auto;
	}
	.hanna-extra-css .hanna-main-header nav li a {
		padding: 12px 15px 12px 26px;
	}
	/* mega menu */
	
	.hanna-header-section .nav-toggle {
		margin-top: 0;
		transform: translateY(-50%);
	}
	.hanna-header-section.hanna-header-version-3.hanna-header-version-5 .nav-toggle {
		right: inherit;
		left: 0;
		margin: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.hanna-header-section.hanna-header-version-3 .hanna-main-header .hanna-spilit-container .hanna-btn-wraper {
		width: 100%;
	}
	/* welcome section */
	
	.hanna-welcome-container {
		width: 100%;
	}
	.hanna-welcome-container h3 {
		font-size: 4.000em;
	}
	/* about text content */
	
	.hanna-new-about-text-gruop {
		padding: 0 0 30px 55px;
	}
	.hanna-new-about-text-gruop .hanna-sub-heading.hanna-watermark-title h2 {
		font-size: 3.5em;
	}
	.hanna-new-about-img-wraper:before, .hanna-new-about-img-wraper:after {
		display: none;
	}
	/* before after section */
	
	.twentytwenty-container.hanna-before-after {
		margin: 0 0 30px;
	}
	.hanna-simple-text.hanna-version-2 {
		padding: 0 10px;
	}
	/* beauttypress simple list */
	
	.hanna-simple-iocn-list {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		align-items: flex-start;
	}
	.hanna-simple-iocn-list.hanna-version-2 ul {
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		align-items: flex-start;
	}
	.hanna-simple-iocn-list.hanna-version-2 ul li {
		margin: 0 0 12px 0;
		padding: 0;
	}
	.hanna-simple-iocn-list.hanna-version-2 ul li:last-child {
		margin: 0;
	}
	.hanna-video-side-text {
		width: 100%;
		padding: 0 0 30px;
		margin: 0;
	}
	/* booking section  */
	
	.hanna-booking-text-wraper .hanna-border.hanna-version-3 {
		width: 100%;
	}
	.hanna-booking-text {
		width: 100%;
	}
	.hanna-booking-form-wraper .hanna-spilit-container {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}
	/* gallery */
	
	.hanna-photo-gallery-grid-item {
		width: 100% !important;
	}
	/* pricing table */
	
	.hanna-single-pricing-table {
		margin: 0 0 30px;
	}
	/* tabs */
	
	.hanna-tab .hanna-top-nav li a i {
		display: none;
	}
	.hanna-tab .hanna-top-nav li,
	.hanna-tab .hanna-top-nav li a {
		min-height: 50px;
	}
	.hanna-tab .hanna-top-nav li a {
		padding: 0 20px;
	}
	.hanna-tab .nav.nav-tabs.hanna-top-nav li {
		margin: 0 15px 15px 0;
	}
	.hanna-tab .hanna-top-nav {
		padding: 0 0px 15px;
	}
	.hanna-tab .tab-content .tab-pane .tabbable {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.hanna-tab .hanna-side-nav {
		margin: 0 0 30px;
		width: 100%;
	}
	.hanna-tab .tab-pane .tabbable .tab-content {
		width: 100%;
	}
	.hanna-tab .hanna-spilit-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.hanna-tab .hanna-tab-image {
		margin: 0;
		width: 100%;
	}
	.hanna-tab-text-content {
		padding: 30px;
		width: 100%;
	}
	/* call to action */
	
	.hanna-call-to-action-content {
		padding: 100px 0;
	}
	/* team */
	
	.hanna-single-team {
		margin: 0 0 30px;
	}
	/* news feeds */
	
	.hanna-single-newsletter {
		margin: 0 0 30px;
	}
	/* partners */
	
	.hanna-partner-text-content {
		padding: 0 15px 0 15px;
		margin: 0 0 40px;
	}

	.hanna-partner-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-partner-list li:before,
	.hanna-partner-list li:after {
		display: none;
	}
	/* footer */
	
	.hanna-subscribe-wraper {
		width: 100%;
	}
	.hanna-single-footer {
		margin: 0 0 30px;
	}
	/* copyright content */
	
	.hanna-copyright-text p {
		line-height: inherit;
	}
	/*========= index version 2 ===========*/
	/* section heading */
	
	.hanna-section-headinig.hanna-watermark-title h2:before {
		font-size: 1em;
		top: -3px;
	}
	/* header */
	
	.hanna-header-section.hanna-header-version-2 .hanna-header-top .hanna-spilit-container,
	.hanna-header-section.hanna-header-version-3 .hanna-header-top .hanna-spilit-container {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-header-section.hanna-header-version-2 .hanna-header-top .hanna-simple-iocn-list {
		margin: 0 0 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hanna-header-section.hanna-header-version-2 .hanna-language-select-list,
	.hanna-header-section.hanna-header-version-3 .hanna-language-select-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* welcome */
	
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-container {
		width: 100%;
	}
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-wraper {
		padding: 30px 30px 0;
	}
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-wraper:before {
		height: calc(100% - 23px);
	}
	/* hanna simple text */
	
	.hanna-simple-text-with-img-section .hanna-simple-img-wraper {
		margin: 0;
	}
	.hanna-simple-text-with-img-section .hanna-simple-text {
		margin: 0 0 30px;
		padding: 0;
	}
	.hanna-simple-text-with-img-section-v2 .hanna-simple-img-wraper {
		margin: 0 0 30px;
	}
	.hanna-simple-text-with-img-section-v2 .hanna-simple-text {
		padding: 0;
		margin: 0;
	}
	/* product gallery */
	
	.hanna-product-group {
		margin: 0 0 30px;
	}
	/* call to action */
	
	.hanna-shop-call-to-action-content {
		width: 100%;
	}
	.hanna-shop-call-to-action-content .hanna-spilit-container {
		grid-column-gap: 10px;
	}
	.hanna-watermark-big-icon {
		background-size: 100%;
	}
	/* how it works */
	
	.hanna-single-how-it-work {
		margin: 0 0 80px;
	}
	/* video section */
	
	.hanna-video-section {
		padding: 100px 0;
	}
	/* service section */
	
	.hanna-single-our-sevice {
		margin: 0 0 30px;
	}
	/* testimonial */
	
	.hanna-single-testimonial {
		width: 90%;
	}
	/* footer */
	
	.hanna-subscribe-wraper.hanna-version-2 {
		width: 100%;
	}
	.hanna-subscribe-wraper.hanna-version-2 h3 {
		line-height: inherit;
	}
	.hanna-footer-section.hanna-version-2 .hanna-copyright-text {
		text-align: center;
		width: 100%;
		margin: 0 0 20px;
	}
	.hanna-footer-section.hanna-version-2 .hanna-footer-social {
		text-align: center;
	}
	/*==================== index version 3 =====================*/
	/* welcome */
	
	.hanna-welcome-section.hanna-welcome-version-3 .hanna-welcome-container {
		width: 100%;
	}
	/* header */
	
	.hanna-header-section.hanna-header-version-3 .hanna-main-header {
		background-color: var(--color-white);
	}
	.hanna-address-element {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 10px 0 0;
	}
	/* pricing */
	
	.hanna-single-pricing-table.hanna-version-3 .hanna-pricing-header img {
		width: auto;
	}
	/*counter up*/
	
	.hanna-single-fun-factory:before {
		top: 0;
		font-size: 6em;
	}
	.hanna-single-fun-factory {
		margin: 0 0 40px;
	}
	.hanna-fun-factory-section {
		padding: 100px 0;
	}
	/*==================== index version 4 =====================*/
	
	.hanna-header-section.hanna-header-version-3 .hanna-header-top .hanna-simple-iocn-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* our feature */
	
	.hanna-single-our-feature {
		margin: 0 0 30px;
	}
	/*========================== index version 5 =====================================*/
	/* beauty product */
	
	.hanna-single-beauty-product {
		margin: 0 0 40px;
	}
	/* video pop up section */
	
	.hanna-video-popup-content-inner {
		margin: 25px 0 0 35px;
	}
	.hanna-video-popup-content .hanna-border.hanna-version-2:before {
		top: -30px;
		left: -30px;
	}
	.hanna-video-popup-content {
		margin: 0 0 40px;
	}
	/* intro video section */
	
	.hanna-video-section.hanna-version-2:before {
		display: none;
	}
	.hanna-video-section.hanna-version-2 .hanna-video-section-content h2 {
		font-size: 1.857em;
		line-height: inherit;
	}
	/* best features slider */
	
	.hanna-best-features-wraper {
		padding: 0 0 50px;
	}
	.hanna-image-slider .owl-stage-outer:before {
		top: -60px;
		left: 60px;
	}
	/* clients review */
	
	.hanna-best-reviewr-avator-wraper {
		width: 100%;
		margin: 0 0 30px;
	}
	.hanna-best-reviewr-avator {
		text-align: center;
	}
	/* call to action */
	
	.hanna-call-to-action-content-v2 {
		padding: 0;
		text-align: center;
		margin: 0 0 30px;
	}
	.hanna-call-to-action-v2 .hanna-btn-wraper {
		padding: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	/* new menu style */
	
	.hanna-new-header .xs_nav_2 .nav-logo>img {
		padding: 0;
	}
	.hanna-new-header .xs_nav_2 .nav-search {
		padding: 0;
	}
	.hanna-new-header .xs_nav_2 .nav-toggle {
		/*margin-top: 20px;*/
	}
	.hanna-header-section.hanna-header-version-2 .xs_nav_2.xs_nav-portrait {
		height: auto;
		padding: 15px 0;
		min-height: 80px;
	}
	/* about.html */
	
	.hanna-simple-img-wraper {
		margin: 30px 0 0;
	}
	/* about version 2 */
	
	.hanna-single-square-service-content {
		margin: 0 0 60px;
	}
	/* inner welcome section */
	
	.hanna-inner-welcome-content {
		width: 100%;
	}
	/* about version 5 */
	
	.hanna-simple-text-with-img-section.hanna-simple-text-with-img-section-v3 .hanna-simple-text.hanna-watermark-icon:before {
		display: none;
	}
	/* video with text */
	
	.hanna-border-with-text-wrap {
		padding: 45px 0 45px 35px;
	}
	.hanna-border.hanna-version-1 {
		width: 100%;
	}
	.hanna-sub-heading.hanna-watermark-title.hanna-version-2 h2 {
		font-size: 2.286em;
	}
	.hanna-about-section-v2 .hanna-about-us-img {
		margin: 0 0 30px;
	}
	/* blog post */
	
	.hanna-blog-post-group .hanna-spilit-container {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-simple-title {
		margin: 0 0 30px;
	}
	.hanna-footer-social.text-right {
		text-align: center !important;
	}
	.hanna-replay-form-wraper .form-group {
		margin: 0 0 30px;
	}
	.hanna-single-replay {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-single-replay.hanna-replay {
		padding: 0 0 0 45px;
	}
	.hanna-replay-name,
	.hanna-replayer-img {
		margin: 0 0 20px;
	}
	.hanna-replay-time {
		text-align: left;
	}
	/* contact */
	
	.hanna-contact-wraper.hanna-version-1 {
		padding: 0;
	}
	.hanna-contact-details {
		margin: 0 0 30px
	}
	.hanna-contact-form {
		padding: 20px;
	}
	.hanna-contact-form .hanna-spilit-container {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	/* contact version 2 */
	
	.hanna-subscribe-wraper.hanna-version-3 {
		padding: 10px;
	}
	/* contact version 3  */
	
	.hanna-contact-wraper.hanna-version-2 {
		padding: 0;
	}
	.hanna-contact-wraper.hanna-version-2 .hanna-contact-form {
		padding: 27px 10px;
	}
	/* call to action html */
	
	.hanna-call-to-action-section.hanna-version-3 .hanna-call-to-action-content,
	.hanna-call-to-action-section.hanna-version-4 .hanna-call-to-action-content,
	.hanna-call-to-action-section.hanna-version-5 .hanna-call-to-action-content {
		width: 100%;
	}
	.hanna-content-headinig h2,
	.hanna-content-headinig h3 {
		font-size: 2.571em;
	}
	/* comming soon */
	
	.hanna-comming-soon-content {
		width: 100%;
	}
	.hanna-comming-soon-content.center-content {
		width: 100%;
	}
	.hanna-comming-soon-section.hanna-version-2 .hanna-comming-soon-text h2,
	.hanna-comming-soon-section.hanna-version-2 .hanna-comming-soon-text h3 {
		font-size: 2.286em;
	}
	.hanna-comming-soon-section.hanna-version-2 .hanna-subscribe-wraper {
		width: 100%;
	}
	/* faq */
	
	.hanna-accordion {
		margin: 0 0 30px;
	}
	/* element footer */
	
	.hanna-single-footer-v2 {
		margin: 0 0 30px;
	}
	.hanna-back-to-top-wraper.hanna-version-4 {
		bottom: 90px;
	}
	.hanna-single-footer-details {
		margin: 0 0 30px;
	}
	/* pricing html */
	
	.hanna-pricing-table-section.hanna-version-6 .hanna-beauty-product-hover-content {
		bottom: 6px;
	}
	.hanna-single-pricing-table-txt {
		padding: 0;
		margin: 0 0 30px;
	}
	.hanna-single-new-pricing-wraper {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
	.hanna-single-new-pricing.hanna-pricing-header,
	.hanna-single-new-pricing.hanna-pricing-content,
	.hanna-single-new-pricing.hanna-pricing-footer {
		padding: 20px;
	}
	.hanna-single-new-pricing.hanna-pricing-content {
		grid-gap: 10px;
	}
	/* sponsor */
	
	.hanna-clients-wraper.no-slider .hanna-clients-group {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
	.hanna-partner-text-content.hanna-version-2 {
		margin: 30px 0 0;
	}
	/* team */
	
	.hanna-team-group-v3 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.hanna-team-group-v3 .hanna-team-col-v3 {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
		margin: 0 0 30px;
	}
	.hanna-single-team-slider {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.hanna-team-content-v4 {
		padding: 0 0 30px;
	}
	/* menu skew */
	
	.menu-skew {
		-webkit-animation-fill-mode: none;
		animation-fill-mode: none;
		will-change: unset;
	}
	.menu-skew.swingInX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.menu-skew.swingOutX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.hanna-header-section.navbar-fixed {
		-webkit-perspective: none !important;
		perspective: none !important;
		-webkit-transform-style: unset !important;
		transform-style: unset !important;
	}
	.hanna-main-header nav li a:before {
		display: none;
	}
	/* product-details.html */
	.hanna-woocommerce-tabs .nav-tabs li a {
		padding: 16px 15px;
	}
	.hanna-add-to-chart-form .w-quantity-btn, 
	.hanna-add-to-chart-form .hanna-wishlist {
		margin: 15px 0;
	}
	.hanna-add-to-chart-form, 
	.hanna-add-to-chart-form form {
		align-items: flex-start;
		flex-direction: column;
	}
	.hanna-add-to-chart-form .hanna-wishlist {
		margin: 0;
	}
	/* portfolio-single.html */
	.hanna-next-prev-wraper {
		margin: 30px 0;
	}
	/* cart.html */
	.hanna-cart table thead {
		display: none;
	}
	.hanna-cart table.shop_table td {
		display: block;
		text-align: center;
	}
	.hanna-cart  tr.cart_item:nth-child(odd) {
		background-color: #f5f5f5;
	}
	.hanna-cart .product-quantity .hanna_input_number {
		width: fit-content;
		margin: 0 auto;
	}
	.hanna-cart .coupon {
		width: 100%;
	}
	.hanna-cart .coupon input[type="submit"] {
		padding: 0 25px;
	}
	.hanna-cart .cart-collaterals {
		width: 100%;
		float: none;
		margin: 30px 0 0 0;
	}
	.hanna-cart .wc-proceed-to-checkout input[type="submit"], 
	.hanna-cart .wc-proceed-to-checkout a.checkout-button.button.alt {
		padding: 18px 20px;
		font-size: .8em;
	}
	.hanna-cart table.shop_table th {
		padding: 17px 10px;
	}
	.hanna-new-header.xs-extra-css .xs_nav-portrait {
		height: 88px;
	}
	.hanna-new-header.xs-extra-css .xs_nav-portrait .nav-toggle{
		transform: translateY(-50%);
	}
}
/* Landscape phones and smaller */

@media (max-width: 480px) {
	html {
		font-size: 65%;
	}
	body {
		/*background-color: red;*/
	}
	.hanna-new-header .xs_nav_2 .nav-search {
		display: none;
	}
}
@media (max-width: 320px) {
	body {
		font-size: 14px;
	}
	body {
		/*background-color: tomato;*/
	}
	/* header */
	.hanna-extra-css .hanna-main-header nav li a {
		padding: 12px 15px 12px 26px;
	}
	.hanna-logo {
		top: 62px;
	}
	.hanna-logo img {
		height: 45px;
	}
	.xs_nav-portrait .megamenu-panel {
		position: relative;
		z-index: 1;
	}
	/* new about text */
	
	.hanna-new-about-text-gruop .hanna-sub-heading.hanna-watermark-title h2 {
		font-size: 2.5em;
	}
	/* hanna simple text */
	
	.hanna-simple-text.hanna-version-2 .hanna-spilit-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.hanna-simple-text.hanna-version-2 .hanna-spilit-container .hanna-icon-with-text {
		margin: 0 0 30px;
	}
	/* hanna btn */
	
	.hanna-btn {
		padding: 10px 16px;
		font-size: .9em;
	}
	/* gallery */
	
	.hanna-portfolio-nav ul li a:before {
		display: none;
	}
	.hanna-portfolio-nav ul#filters li {
		margin: 0 29px 15px 0;
	}
	/* partnres */
	
	.hanna-sub-heading h2 {
		font-size: 2.057em;
	}
	/* index version 2 */
	
	.hanna-welcome-section.hanna-welcome-version-2 .hanna-welcome-wraper {
		padding: 30px 15px 0;
	}
	/* menu skew */
	
	.menu-skew {
		-webkit-animation-fill-mode: none;
		animation-fill-mode: none;
		will-change: unset;
	}
	.menu-skew.swingInX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.menu-skew.swingOutX {
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-transform-origin: unset;
		transform-origin: unset;
	}
	.hanna-header-section.navbar-fixed {
		-webkit-perspective: none !important;
		perspective: none !important;
		-webkit-transform-style: unset !important;
		transform-style: unset !important;
	}
	.hanna-main-header nav li a:before {
		display: none;
	}
	.hanna-new-header .xs_nav_2 .nav-search {
		display: none;
	}
}