/**
* Media Query - Maximum Width 600px
*/

@media screen and (max-width: 600px) {
	
	.create-account-button.billing input {
		font-size: 10px !important;
	}
	
	.about-us-content {
		top: 40px !important;
		min-height: calc(100vh - 40px);
	}
	
	.product {
		width: 80%;
		margin: 0 10%;
	}

	.ecommerce .main-content .info .selectric-country-list.selectric-wrapper {
		margin-right: 105px;
	}

	.ecommerce .content-header {
		padding: 0 8%;
	}

	/*.main-flexslider .flex-control-nav, .main-flexslider .flex-direction-nav{*/
		    /*bottom: 55% !important;*/
	/*}*/

	.ecommerce .main-content .info .total, .checkout-as-guest .total  {
		right: 4%;
		top: calc(5% + 35px);
	}
	
	.ecommerce .cart .info .shipping, .ecommerce .cart .info .selectric-wrapper {
		display: none;
	}

	.selectric-country-list .selectric span {
		margin-left: 30px;
	}

	.selectric .button {
		width: 30px !important;
	}

	.ecommerce .main-content .info .selectric-country-list.selectric-wrapper {
		right: 4%;
		top: calc(5% + 92px);
	}

	.ecommerce .shipping {
		right: 4%;
		top: calc(5% + 90px);
	}

	.checkout-as-guest .shipping {
		top: calc(5% + 90px);
		margin-right: 14px;
	}

	.ecommerce .right-part p {
		margin-top: 9.5px;
	}

	.ecommerce.active {
		height: calc(100% - 40px) !important;
	}

	.ecommerce .note .registration-form {
		padding-top: 20px;
	}

	.ecommerce .note .text-image.see-more-info {
		top: 20px;
	}

	.ecommerce .guest-button.recaip {
		top: 14px;
	}

	.payment-method .methods .payment.paypal {
		background-size: 60px auto;
	}

	.ecommerce .checkout-as-guest ul.tabs {
		width: 180%;
	}

	.payment-method-edit {
		margin-bottom: 5px;
	}

	.billing-address-info .payment-title {
		margin-bottom: 16px;
	}

	.billing-address-info .selected-payment {
		padding: 7px;
	}

	.review .order-info .general-info .total {
		margin-bottom: 0;
	}

	.review .order-info .general-info > p {
		margin-bottom: 16px;
	}

	.review .info.general-info {
		bottom: 60px;
		padding: 10px 14px;
	}

	.payment-method .methods {
		width: 65%;
	}

	.ecommerce .checkout p {
		width: 100%;
		text-align: center;
	}

	.review  .section-title {
		text-align: center;
		width: 100%;
	}

	.review .order-info {
		height: 160px;
	}

	.generate-recaip .registration-form > input, .generate-recaip .registration-form .selectric-wrapper {
		height: 21.5px;
		margin-bottom: 3%;
	}

	.generate-recaip .registration-form > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 10px;
		color: grey;
	}
	.generate-recaip .registration-form > input::-moz-placeholder { /* Firefox 19+ */
		font-size: 10px;
		color: grey;
	}
	.generate-recaip .registration-form > input:-ms-input-placeholder { /* IE 10+ */
		font-size: 10px;
		color: grey;
	}
	.generate-recaip .registration-form > input:-moz-placeholder { /* Firefox 18- */
		font-size: 10px;
		color: grey;
	}
	
	.product .price {
		left: 60% !important;
	}
	
	.orders .owl-item {
		padding: 0 30px;
	}
}

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

	.review .tabs {
		top: -85px;
	}
	
	.review .order-info .info {
		margin-bottom: 40px;
	}

	.review .content-header {
		height: 55px !important;
	}

	.ecommerce .content-header {
		height: 70px;
	}

	.ecommerce .fs-16 {
		font-size: 10px !important;
	}

	.generate-recaip.active {
		top: 58%;
	}

	.generate-recaip.more.active {
		height: 28% !important;
		padding: 15px 5px 20px 10px;
	}

	.review .cart-product .left-part .cart-product-image {
		height: 55%;
	}

	.ecommerce .checkout-as-guest .tabs li {
		top: calc(50% - 5px);
	}

	.generate-recaip.active {
		top: 49%;
	}

	.generate-recaip .registration-form .selectric-wrapper {
		height: 28.5px !important;
	}
}

@media screen and (max-width: 345px){
	.review .order-info .general-info > p {
		margin-bottom: 8px;
	}

	.review .main-content {
		height: 90px !important;
	}

	.review .info.general-info {
		padding: 5px 14px;
	}

	.ecommerce .checkout-as-guest ul.tabs {
 		width: 250%;
	}

	.generate-recaip.active {
		top: 58% !important;
	}
	
	.news-text .desc {
		height: 30% !important;
	}
	
	.questions .question .news-text {
		height: 50%;
	}
}


@media screen and (max-width: 600px) {
	
	.header {
		height: 40px;
	}
	
	.nav {
		top: 60px;
	}
	
	.image-text.scroll.title p::before {
		left: 0;
		top: 50%;
		padding-left: 20px;
		padding-top: 12px;
	}
	
	.image-text.scroll.title p {}
	
	.image-text.scroll.title p{
		padding-left: 30px;
		font-size: 15px;
	}
	.mobile-header img {
		height: 20px;
	}
	
	.mobile-header .menu-toggler {
		height: 20px;
		width: 28px;
	}
	
	/* header */
	
	.about-us-content {
		width: 100%;
		height: calc(100% - 40px);
	}
	
	.left-side .about-us-list li {
		padding: 20px 0;
		margin-left: 50px;
	}
	
	.left-side .about-us-list li:last-child {
		padding-right: 50px !important;
	}
	
	.left-side .about-us-list li a {
		font-size: 14px;
	}
	
	/* Products */
	
	.sort-button {
		top: 40px;
	}
	
	.sort-button.sort-active {
		top: 40px !important;
	}
	
	.sort {
		top: 85px;
		max-height: calc(100vh - 80px);
	}
	
	.sort-title {
		font-size: 16px;
	}
	
	/* single product */
	.single-product-page .left-side .flexslider .slides li .product-slide {
		padding-top: 70%;
	}
	
	.single-product-page .right-side .product-info .product-info-wrapper .product-title {
		font-size: 22px;
		line-height: 30px;
	}
	
	.single-product-page .right-side .product-info .product-info-wrapper .product-price {
		font-size: 18px;
	}
	
	.single-product-page .right-side .product-info .product-info-wrapper .product-price .old-price {
		font-size: 13px;
	}
	
	.single-product-page .right-side .product-info .product-info-wrapper .product-description {
		font-size: 11px !important;
	}
	
	.mobile-footer {
		height: 50px;
	}
	
	.mobile-footer div p {
		font-size: 12px;
	}
	
	.more-info.active + .mobile-footer div p::before {
		left: -15px;
		width: 10px;
		padding-top: 10px;
	}
	
	.single-product-page .right-side {
		padding-bottom: 50px;
		margin-top: 25px;
	}
	
	/* news */
	
	.questions .question .news-text .title	{
		font-size: 15px;
	}
	
	.questions .question .news-text .desc {
		font-size: 12px;
	}
	
	.questions .question .image-text p {
		font-size: 13px;
	}
	
	.questions .question .text-image p {
		font-size: 10px;
	}
	
	/* single news */
	
	.about-us-content.single-news-page {
		top: 60px;
	}
	
	.about-us-content.single-news-page .news-text .title {
		font-size: 24px !important;
	}
	
	.about-us-content.single-news-page + .mobile-footer .buy p {
		padding-left: 10px;
	}
	
	.about-us-content.single-news-page + .mobile-footer .buy p::before {
		padding-left: 10px;
		padding-top: 10px;
		left: -10px;
	}
	
	.about-us-content.single-news-page + .mobile-footer .mobile-anot p {
		padding-right: 10px;
	}
	
	.about-us-content.single-news-page + .mobile-footer .mobile-anot p::before {
		padding-left: 10px;
		padding-top: 10px;
		right: -10px;
	}
	
	/* faq */
	
	.faq .categories .categories-wrapper div {
		padding: 20px 0;
		margin-left: 50px !important;
	}
	
	.faq .categories .categories-wrapper div:last-child {
		margin-right: 50px;
	}
	
	.faq .main-title.faq-main-title {
		margin-top: 95px;
	}
	
	.faq .questions .question.scrolled-up {
		height: auto;
		-webkit-transform: translateY(-600px);
		transform: translateY(-600px);
	}
	
	.faq .questions .question.active .answer {
		max-height: 250px;
	}
	
	/* Contact */
	
	.contact .left-side .contact-form .title {
		font-size: 25px;
	}
	
	.contact .left-side .contact-form input,
	.contact .left-side .contact-form textarea	{
		font-size: 12px;
	}
	
	.messenger p {
		font-size: 12px;
	}
	
	.contact .contact-info .image-text p {
		font-size: 12px !important;
	}
	
	.contact-form .send-message {
		font-size: 12px;
	}
	
	/* front page */
	
	.front .main-flexslider li .main-slide-wrapper {
		height: calc(100vh - 40px);
	}
	
	.front .main-flexslider li .main-slide-wrapper .slide .slide-left .see-more p {
		font-size: 12px;
	}
	
	.front .main-flexslider li .main-slide-wrapper .slide .slide-right {
		height: 40%;
	}
	
	.front .main-flexslider li .main-slide-wrapper .slide .slide-left {
		height: 60%;
		overflow-y: scroll;
	}
	
	.slide-text-wrapper {
		top: 60%;
	}
	
	.slide .slide-left .slide-title,
	.lb-title {
		font-size: 22px;
	}
	
	.main-slide-wrapper .image-text.see-more {
		padding: 16px 0 !important;
	}
	
	.image-text.scroll p {
		font-size: 14px;
	}
	
	/*.main-flexslider .flex-control-nav,*/
	/*.main-flexslider .flex-direction-nav	{*/
		/*bottom: 50%;*/
	/*}*/
	
	.main-flexslider .flex-control-nav {
		height: 18px;
	}
	
	.slide-wrapper {
		margin-bottom: 5%;
	}
}

@media screen and (max-width: 550px) {
	.single-product-page .left-side .flexslider {
		margin-bottom: 0px !important;
	}
	
	.single-product-page .left-side .flexslider .flex-control-nav a {
		width: 40px;
		height: 40px;
	}
	
	.contact .right-side .contact-info .image-text {
		flex-basis: 100%;
	}
	
	.contact .right-side .contact-info .image-text:nth-child(5) {
		border-bottom-style: solid;
		border-bottom-color: #e9e9e9;
		border-bottom-width: 1px;
	}
	
	.slide-paragraph {
		margin-bottom: 5%;
	}
	
	.billing-address-info .selected-payment .show > span {
		display: none !important;
	}
}

@media screen and (max-width: 450px) {
	.mobile-nav {
		font-size: 11px;
	}
	
	.text-image.close-mobile-menu p {
		font-size: 12px;
		padding-right: 15px;
	}
	
	.text-image.close-mobile-menu p::after {
		padding-top: 10px;
		padding-left: 10px;
		top: 50%;
	}
	
	.flex-direction-nav .flex-prev a,
	.flex-direction-nav .flex-next a	{
		left: 0px;
	}
	
	/*.news .question.top {
		top: 30px;
	}
	
	.news .question.top + div {
		top: calc(160% + 30px);
	}*/
	
	.news-text .title {
		padding: 7% 0 2.1% 0 !important;
	}
	
	.news-text {
		padding-top: 5px;
	}
	
	.questions .question .text-image {
		bottom: 10px;
	}
	
	.contact-form input {
		width: 100%;
	}
	
	.messenger {
		bottom: 5% !important;
	}
	
	/*.main-flexslider .flex-control-nav,*/
	/*.main-flexslider .flex-direction-nav	{*/
		/*bottom: 55%;*/
	/*}*/
	
	.slide .slide-left .slide-title,
	.lb-title{
		font-size: 18px;
	}
	
	.main-slide-wrapper .image-text.see-more {
		padding: 10px 0 !important;
	}
	
	.mobile-sign-up.profile {
		padding-left: 40px;
		height: 35px;
	}
	
	.mobile-sign-up.profile .user-name {
		height: 35px;
		width: 35px;
		border-radius: 7px;
	}
	
	.ecommerce .login2 .image-text.go-back, 
	.ecommerce .registration .image-text.go-back, 
	.ecommerce .checkout-as-guest .image-text.go-back {
		height: 40px;
	}
	
	.checkout-as-guest .selectric .label {
		line-height: 38px !important;
	}
	
	.user-profile .selectric .label {
		line-height: 38px !important;
	}
}


@media screen and (max-width: 400px) {
	
	.slide .slide-left .slide-title,
	.lb-title {
		font-size: 16px;
	}
	
	.image-text.scroll {
		padding: 5px 0 !important;
	}
	
	.mobile-header-first-line {
		margin-bottom: 10%;
	}
	
	.mobile-menu-header {
		height: 20%;
	}
	
	.mobile-sign {
		top: 74%;
	}
	
	.ecommerce .checkout-as-guest .tab-content .registration-form > input, .ecommerce .checkout-as-guest .tab-content .selectric-wrapper {
		margin-bottom: 5%;
		height: 30px !important;
	}
	
	.checkout-as-guest .create-account-button {
		height: 40px;
		color: black;
	}
	
	.review .image-text.go-back {
		height: 40px;
	}
	
	.generate-recaip.active {
		top: 21% !important;
		height: 62% !important;
	}
	
	.review .order-info .general-info .checkout {
		height: 40px !important;
	}
	
	.review .info.general-info {
		bottom: 40px;
	}
	
	.review .order-info .general-info > p {
		display: inline-block !important;
	}
	
	.review .order-info .general-info > p:nth-child(2n) {
		float: right;
	}
	
	.review .order-info .general-info > p:nth-child(4) {
		margin: 0 !important;
	}
	
	.content .content-header {
		height: 40px;
	}
	
	.header {
		height: 40px;
	}
	
	.ecommerce.active {
		height: calc(100% - 40px) !important;
	}
	
	.about-us-content {
		top: 40px !important;
		height: calc(100% - 40px);
	}
	.sort-button {
		top: 40px;
	}
	
	.sort-button.sort-active {
		top: 40px !important;
	}
	
	.sort {
		top: 72px;
	}
	
	.ecommerce .main-content .info .total, .checkout-as-guest .total {
		top: calc(5% + 20px);
	}
	
	.info .selectric-wrapper, .info .shipping {
		display: none;
	}
	
	.checkout-as-guest .selectric .label {
		line-height: 28px !important;
	}
	
	.user-profile .selectric .label {
		line-height: 28px !important;
	}
	
	.ecommerce .main-content.rel {
		height: calc(95% - 40px);
	}
	
	.login.login2 .content.rel .content-header,
	.login.login2 .main-content	{
		top: 2% !important;
	}
	
	.ecommerce .login.login2 .login-field-title {
		padding-bottom: 10px;
	}
	
	.ecommerce .login input {
		height: 30px;
		margin-bottom: 10px;
	}
	
	.news .questions .question .news-image {
		margin-right: 0 !important;
	}
	
	.news .questions .question .news-image {
		width: 50% !important;
		padding-top: 62%;
	}
	
	.about-us-content.news .desc h2 {
		padding: 0 10px !important;
	}
}

@media screen and (max-height: 520px) and (max-aspect-ratio: 1/1) {
	.about-us-content.news .desc p {
		display: none;
	}
}

@media screen and (max-height: 350px) {
	.login.login2 .middle, .login.login2 .registration-fields, .login.login2 .go-back {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	.front .flex-control-nav,
	.front .flex-direction-nav {
		bottom: calc(100% - 45vh) !important;
	}
}

@media screen and (max-height: 550px) and (max-aspect-ratio: 1/1) {
	.mobile-sign-in {
		bottom: 15%;
	}
	
	.mobile-sign-up {
		color: transparent !important;
	}
	
	.mobile-sign-up:not(.logged-in) {
		color: white !important;
	}
	
	.main-flexslider .flex-control-nav,
	.main-flexslider .flex-direction-nav	{
		bottom: 65%;
	}
}

@media screen and (max-width:600px) {
	.user-profile {
		top: 40px;
	}
	.user-profile .user-name, .user-profile .close-user-profile {
		display: none;
	}
	.user-profile .header {
		:padding: 20px 6px 17px
	}
	.user-profile .tabs {
		top: 0 !important;
		color: #f3d0c6;
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.user-profile .tabs li {

		/* font-size: 9px; */text-align: center;
	}
	.user-profile .tabs li.active {
		color: #fff;
	}
	.user-profile .tabs li:after {
		background: #fff;
	}
	.user-profile .tab-body {
		top: 37px;
		padding: 0;
		padding-bottom: 10px;
		height: calc(100vh - 160px);
	    overflow-y: scroll;
	}
	.user-profile .order-details {
		top: 20%;
		z-index: 10;
	}
	
	.user-profile .products {
		max-height: 65vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.user-profile .products .cart-product {
		width: 100%;
		float: none;
		padding: 0 15px;
	}
	.user-profile input, .user-profile .selectric-wrapper {
		width: 80%;
		margin: auto;
		left: 0;
		right: 0;
		margin-top: 10px;
	}
	.user-profile .selectric-wrapper+input {
		margin-top: 30px;
	}
	.user-profile .selectric-wrapper .label {
		font-size: 14px;
	}
	.user-profile .save-button {
		position: fixed;
		top: inherit;
		bottom: 0;
		width: 100%;
		margin-top: 0;
		background: #333333;
		text-align: center;
		margin-bottom: 0px;
		height: 60px;
	}
	.user-profile .save-button input {
		position: absolute;
		top: 50% !important;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin-right: 0 !important;
		background: transparent;
		color: #fff;
		height: 50px;
	}
	.user-profile .save-button::after {
		content: none;
		/*left: 50%;
		padding: 18px;*/
	}
	.user-profile .tab-body form {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 40px;
	}
}

@media screen and (max-width: 340px) {
	.shipping-address-info{
		height: 230px;
	}

	.products-list .product p.price{
		left: 60% !important;
	}
}