/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1640px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.promo-products-list {
		margin: 0px;
	}

	.container-small {
		padding: 0px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 1201px) {
	.navbar-container {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 70%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	.navbar .navbar-inner > ul {
		text-align: center;
	}

	.navbar .navbar-inner > ul > li {
		display: inline-block;
		margin: 0px 20px;
	}

	.promo-products-list .single-promo {
	    padding: 0px 10px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.benefits-list li img {
		max-width: 70%;
	}

	.home-abousus-section h2 {
		font-size: 20px;
	}

	.promo-products-list .single-promo {
	    padding: 0px 10px;
	}

	.page-template-homepage .default-section h2 {
		font-size: 20px;
	}

	.product-list-content {
	    padding: 0px 10px 30px;
	}

	.product-image {
		width: 400px;
	}

	.woocommerce-page div.product div.summary.default-summary {
	    float: left;
	    width: calc(100% - 440px);
	}

	.default-page-text h1 {
		font-size: 20px;
	}

	.gallery-list li {
	    margin-right: 15px;
	    margin-bottom: 40px;
	    width: calc(25% - 45px / 4);
	}
}

@media only screen and (max-width: 1200px) {
	.menu-toggle {
		display: block;
		position: relative;
		float: right;
        padding: 10px 0px 10px 20px;
		cursor:pointer;
		position:relative;
	}
	.hamburger {
		float: left;
		position:relative;
		width: 40px;
		height: 40px;
		padding: 13px 9px;
		left:0%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #f07b00;
	}
	.hamburger span{
		display:block;
		width:20px;
		height:2px;
		margin-bottom:3px;
		overflow:hidden;
		position:relative;
	}
	.hamburger span:last-child{
		margin:0;
	}
	.hamburger span:before,.hamburger span:after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		background-color:#000;
		transform:translateX(-200%);
		transition:transform ease 300ms;
	}
	.hamburger span:after{
		transform:translateX(0);
	}
	.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
		transition-delay:75ms;
	}
	.hamburger span:last-child:before,.hamburger span:last-child:after{
		transition-delay:150ms;
	}
	.menu-toggle:hover .hamburger span:before{
		transform:translateX(0);
	}
	.menu-toggle:hover .hamburger span:after{
		transform:translateX(200%);
	}

	.menu-text {
		float: left;
		display: inline-block;
		margin-left: 15px;
		line-height: 40px;
		font-family: "Cormorant Garamond", serif;
		font-weight: 700;
		white-space: nowrap;
		font-size: 24px;
		vertical-align: top;
	}

	.navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		overflow: auto;
		z-index: 99992;
		background: rgba(0, 0, 0, .15);
		display: none;
	}

	.navbar .navbar-outer {
		position: fixed;
		width: 380px;
		top: 0;
		right: 0;
		height: 100%;
		background: #f9f9f9;
		z-index: 2;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		overflow: auto;
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.navbar.opened .navbar-outer {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	.navbar .navbar-inner {
		padding: 0px 30px 80px;
		width: 100%;
		float: right;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.navbar .navbar-inner > ul > li {
		position: relative;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.navbar .navbar-inner > ul > li > a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		color: #000;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.navbar .navbar-inner > ul {
		float: left;
		width: 100%;
	}

	.navbar .navbar-inner > ul > li li {
		margin-bottom: 10px;
	}

	.navbar .navbar-inner > ul > li li a {
		position: relative;
		display: inline-block;
		line-height: 24px;
		font-size: 18px;
		font-weight: 500;
		text-decoration: none;
		color: #888888;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.navbar .navbar-inner > ul > li li a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0px;
		height: 1px;
		background: #d55d00;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.navbar .navbar-inner > ul > li li a:hover:after {
		width: 100%;
	}

	.navbar .navbar-inner > ul > li li a:hover {
		color: #fff;
	}

	.navbar .navbar-inner > ul > li ul {
		margin-bottom: 15px;
	}

	.close-canvas-menu {
	    float: right;
	    display: block;
	    position: relative;
	    width: 40px;
	    height: 40px;
	    -webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    cursor: pointer;
	    background: url('../img/bgi/close-black.svg') no-repeat center center !important;
	}
}
/* ===== End Desktops
--------------------------------------------------------------------------------------------------*/

/* ===== Start Tablets landscape
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.home-abousus-section h2 {
		font-size: 18px;
		line-height: 32px;
	}

	.benefits-list li {
		width: calc(100% / 3);
		margin-bottom: 30px;
	}

	.benefits-section {
	    margin: 80px 0px 50px;
	}

	.promo-products-list .single-promo {
	    padding: 0px 5px;
	}

	.product-list-content {
	    padding: 0px 10px 30px;
	}

	.page-template-homepage .default-section h2 {
		font-size: 18px;
	}

	.home-article a h3 {
		padding: 0px 10px;
	}

	.categories-section ul.products li {
		width: calc(100% / 3) !important;
	}

	.product-image {
	    width: 300px;
	    margin-right: 20px;
	}

	.woocommerce-page div.product div.summary.default-summary {
	    width: calc(100% - 320px);
	}

	.product-title .product_title {
		font-size: 20px;
	}

	.product-basic-info ul li {
	    width: calc(100% / 3);
	}

	.default-cart-form {
		float: none;
		width: 100%;
	}

	.cart-collaterals {
		float: none;
		margin: 0 auto;
	}

	.default-page-text h1 {
		font-size: 18px;
		line-height: 32px;
	}

	.gallery-list li {
	    margin-right: 15px;
	    margin-bottom: 30px;
	    width: calc(100% / 3 - 10px);
	}

	.gallery-list li:nth-child(4n) {
	    margin-right: 15px;
	}

	.gallery-list li:nth-child(3n) {
	    margin-right: 0px;
	}

	.blog-img {
	    margin-bottom: 0px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation.default-account-navigation {
	    width: 260px;
	    margin-right: 20px;
	}

	.woocommerce-account .woocommerce-MyAccount-content.default-account-content {
	    width: calc(100% - 280px);
	    margin-bottom: 50px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	.dashboard-container {
	    flex-wrap: wrap;
	}

	.dashboard-container .dash-box,
	.woocommerce-customer-details .dashboard-container .dash-box {
		width: 100% !important;
	}

	.woocommerce-customer-details .dashboard-container .dash-box {
		margin-bottom: 30px;
	}

	.default-account-content .dash-box-content .btn {
		position: relative;
	}

	.woocommerce table.my_account_orders.shop_table th {
		display: none;
	}

	.account-inner {
		margin-bottom: 0px;
	}

	.woocommerce table.my_account_orders.shop_table tr {
		display: block;
		padding: 10px;
	}

	.woocommerce table.my_account_orders.shop_table td {
		display: block;
	}

	.account-detail-column {
		width: 100%;
	}

	.account-detail-column.column-2 h2 {
		padding-left: 0px;
	}

	.account-detail-column.column-2 .column-inner {
		margin-left: 0px;
	}

	.woocommerce table.my_account_orders.shop_table td:before {
		display: inline-block;
		width: 30%;
		content: attr(data-title);
	    color: #000;
	    font-weight: 700;
	    font-size: 14px;
	    text-align: left;
	}

	.woocommerce table.my_account_orders.shop_table td:last-child {
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #f0f0f0;
	}

	.default-account-content h2 {
		font-weight: 700;
	}

	.woocommerce table.my_account_orders.shop_table td {
		border: 0px;
		padding: 5px 0px;
	}

	.default-account-content .btn {
		padding: 0px;
	}

	body .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
		display: flex;
		max-width: 100%;
		margin-bottom: 10px;
	    align-items: center;
	}

	body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-si {
	    width: 120px;
    	margin-right: 10px;
	}

	body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp {
		padding-top: 0px;
	    display: flex;
        align-items: center;
	}

	body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp .dgwt-wcas-meta {
		position: relative;
		top: 0;
	}

	.result-title, .dgwt-wcas-st>span {
		font-size: 8px;
	}

	body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp .dgwt-wcas-meta .dgwt-wcas-sp {
		display: block;
	}

	.dgwt-wcas-st>span {
		height: auto;
		margin: 0px;
	}

	.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		display: none;
	}

	.search-inner .close-cart {
		top: 0;
		right: 15px;
	}

	.dgwt-wcas-sf-wrapp:after {
		top: 0;
		left: 0;
	}

	body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp {
		text-align: left;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.logo-img {
		width: 80px;
	}

	.slider-mobile {
    	display: block !important;
	}

	.slider-desktop {
		display: none !important;
	}

	.navbar .navbar-outer {
		width: 100%;
	}

	.section-col {
		width: 100%;
	}

	.home-abousus-section h2 {
		font-size: 18px;
		line-height: 32px;
	}

	.home-abousus-section h2 br {
		display: none;
	}

	.home-abousus-section {
	    margin: 50px 0px;
	}

	.mt-50 {
		margin-top: 50px;
	}

	.benefits-list li {
		width: 50%;
		margin-bottom: 30px;
	}

	.benefits-list li img {
		height: 80px;
	}

	.benefits-section {
    	margin: 50px 0px 20px;
	}

	.promo-products-list .single-promo {
		padding: 0px;
	}

	.section-col40 {
		width: 100%;
	}

	.offer-section {
	    padding: 30px 0px;
	}

	.blog-home-section .container article {
	    width: 100%;
	} 

	.blog-home-section .container {
		flex-wrap: wrap;
	}

	.newsletter-email-input {
		width: 100%;
		margin-bottom: 5px;
	}

	.newsletter-submit-input {
		width: 100%;
	}

	.newsletter-submit-input input,
	.newsletter-email-input input {
		border-radius: 25px;
	}

	.blog-home-section {
	    margin: 50px 0px;
	}

	.footer-cols-container {
		flex-wrap: wrap;
	}

	.footer-col {
		width: 50%;
		margin-bottom: 30px;
	}

	.footer-project {
	    margin-top: 50px;
	    padding: 30px;
	}

	.anpc a {
	    margin: 0px 5px;
	    width: 35%;
	    padding: 10px;
	    border-radius: 10px;
	}

	.home-parteneri-section img {
		display: none;
	}

	.login-popup-container, .cart-inner {
		width: 100%;
	}

	.category-top-bar {
		flex-wrap: wrap;
	}

	.category-list-nav {
		width: 100%;
        padding: 10px 0px;
		overflow-x: auto;
	}

	.categories-section ul.products li {
		width: 100% !important;
	}

	.product-image {
		float: none;
		width: 100%;
	}

	.woocommerce-page div.product div.summary.default-summary {
	    float: none;
	    width: 100%;
	}

	.product-title .product_title {
	    font-size: 20px;
    	line-height: 32px;
	}

	.attribute-label {
	    width: 40%;
	}

	.woocommerce-mini-cart li figure {
		width: 100px;
	}

	.woocommerce-mini-cart li {
		padding: 10px !important;
	}

	.default-checkout-wrapper h1,
	.woocommerce-cart .woocommerce-products-header h1,
	.woocommerce-account .woocommerce-products-header h1,
	.default-page-header h1 {
		font-size: 18px;
		line-height: 32px;
	}

	.default-cart-form {
		float: none;
		width: 100%;
	}

	.cart-collaterals {
	    float: none;
	    width: 100% !important;
	}

	.woocommerce-cart .default-cart-form table.cart .product-thumbnail {
		width: 100%;
		float: none;
	}

	.product-cart-description {
		position: relative;
		flex-wrap: wrap;
	}

	.prod-cart-info {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
	}

	.woocommerce .prod-cart-info a.remove {
		position: absolute;
		right: 15px;
		top: 15px;
	}

	.product-cart-quantity-wrapper {
		width: 94px;
	}

	.cart-action-buttons {
		text-align: center;
	}

	.update-cart-btn {
		margin: 0px;
	}

	.woocommerce form .default-customer-details .form-row.half-row,
	.woocommerce form .default-customer-details .form-row.half-row-second {
	    width: 100%;
	}

	.product-info .product-name {
		font-size: 8px;
		line-height: 16px;
	}

	.checkout_coupon .form-row-first {
		width: 100% !important;
		margin-bottom: 5px !important;
	}

	.checkout_coupon .form-row-last {
		width: 100% !important;
	}

	.checkout_coupon .bordered-btn {
		border-left: 1px solid #f0f0f0;
	}

	.woocommerce-checkout-place-order {
		padding: 20px;
	}

	.order-info-box {
		max-width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.checkout-succes-title h1,
	.failed-title.woocommerce-products-header h1 {
		font-size: 18px;
		line-height: 32px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation.default-account-navigation {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.woocommerce-account .woocommerce-MyAccount-content.default-account-content {
		width: 100%;
	}

	.default-account-content .dash-box-content {
		text-align: left;
		margin-right: 0px;
	}

	.default-account-content .btn {
		width: 100%;
		margin-top: 15px;
	}

	.content-col {
		width: 100%;
	}

	.default-page-text h1 {
		font-size: 18px;
		line-height: 32px;
	}

	.gallery-list li {
		width: 100%;
		margin-right: 0px;
	}

	.gallery-grid,
	.gallery-sizer {
	    width: 100%;
	}

	.parteneri-list ul li {
		width: 100%;
	}

	.blog-container .blog-post {
		width: 100%;
		margin-right: 0px;
	}

	.blog-inner h1 {
		font-size: 18px;
		line-height: 32px;
	}

	.terms-inner blockquote p {
	    font-size: 18px;
	    line-height: 24px;
	}

	.woocommerce-account .login-page .login-side,
	.woocommerce-account .login-page .register-side {
		width: 100%;
		border-right: 0px;
	}
}