/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
	.container {
		padding-left: 360px;
		padding-right: 40px;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
	.blog-inner-content {
		padding: 20px;
	}

	.blog-container article {
		margin-right: 20px;
	    width: calc(50% - 10px);
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
	.container {
		padding-left: 360px;
		padding-right: 40px;
	}

	.section-default {
	    margin: 40px 0px;
	}

	.promo-section-right .promo-percentage {
		font-size: 180px;
	}

	.promo-section-left {
		padding: 30px;
	}

	.product-title-promo {
		font-size: 32px;
		line-height: 34px;
	}

	.special-package-list {
	    margin: 0px -10px;
	}

	.special-package-list .slick-slide {
	    padding: 0px 10px;
	}

	.home-about-text {
	    max-width: 100%;
	    width: 100%;
	}

	.product-list .product h3 {
		font-size: 32px;
		line-height: 36px;
	}

	.product-image {
		width: 400px;
	}

	.product-info {
		width: calc(100% - 440px);
	}

	.spec-label {
	    width: 40%;
	}

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

	.portfolio-list li a h2 {
		font-size: 28px;
		line-height: 28px;
	}

	.top-banner {
		border-radius: 30px;
	}

	.blog-container article {
		width: 100%;
		margin-right: 0px;
		border-radius: 30px;
	}

	.blog-inner-wrapper h1 {
		font-size: 42px;
		line-height: 46px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1279px) {
	.container {
		padding: 0px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.navbar-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
        background: rgba(255, 255, 255, .6);
        z-index: 9999;
	}

	.header-fixed {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.header-fixed .logo-img {
		width: 140px;
	}

	.header-fixed.opened {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	.special-package-list {
	    margin: 0px;
	}

	.header-fixed .tel-header {
		display: block;
	}

	.header-normal .tel-header {
		display: none;
	}

	.header-normal .menu-toggle {
		display: block;
	}

	.header-normal .logo-img {
		display: block;
	}

	.header-normal-right {
		align-items: center;
		margin: 7.5px 0px;
	}

	.close-mobile-menu {
		display: block;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.product-image {
	    width: 500px;
	}

	.product-info {
	    width: calc(100% - 540px);
	}

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

	.portfolio-list li a h2 {
	    font-size: 26px;
    	line-height: 28px;
	}

	.blog-inner-content {
		padding: 20px;
	}

	.promo-section-right .promo-percentage {
		font-size: 180px;
		line-height: 180px;
	}

	.promo-section-left {
		padding: 40px;
	}

	.promo-section h2 {
		font-size: 36px;
		line-height: 42px;
	}

	.promo-product-info {
	    margin-top: 20px;
	}

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

	.promo-section-left .price-container {
	    display: flex;
	    font-size: 22px;
	    line-height: 28px;
	}

	.special-package-list .slick-slide {
	    padding: 0px 10px;
	}

	.home-about-text {
	    max-width: 100%;
	}

	.home-article a h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.product-list .product figure {
		max-width: 350px;
	}

	.product-list-content {
	    width: calc(100% - 400px);
	}

	.product-list .product h3 {
		font-size: 36px;
		line-height: 42px;
	}

	.product-list-content .price-container, .product-title-wrapp .price-container {
		font-size: 22px;
		line-height: 28px;
	}

	.blog-inner-wrapper h1 {
	    font-size: 36px;
    	line-height: 42px;
	}

	.blog-inner-wrapper blockquote p {
	    font-size: 32px;
	    line-height: 36px;
	}

	.blog-inner-wrapper blockquote {
		padding: 30px;
	}

	.basic-contact-info a {
		font-size: 28px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.product-inner {
		max-width: 640px;
		width: 100%;
		margin: 40px auto;
	}

	.product-image {
	    width: 100%;
	}

	.product-info {
	    width: 100%;
	    margin-top: 30px;
	}

	.portfolio-list li {
	    width: calc(50% - 5px);
	    margin-right: 10px;
	    margin-bottom: 30px;
	}

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

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

	.portfolio-list li a h2 {
	    font-size: 26px;
    	line-height: 28px;
	}

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

	.blog-inner-content {
		padding: 20px;
	}

	.promo-section-right .promo-percentage {
		font-size: 140px;
		line-height: 120px;
	}

	.promo-section-left {
		padding: 40px;
		width: 70%;
	}

	.promo-section h2 {
		font-size: 36px;
		line-height: 42px;
	}

	.promo-product-info {
	    margin-top: 20px;
	}

	.product-title-promo {
		font-size: 36px;
		line-height: 42px;
	}

	.promo-section-left .price-container {
	    display: flex;
	    font-size: 22px;
	    line-height: 28px;
	}

	.special-package-list .slick-slide {
	    padding: 0px 10px;
	}

	.home-about-text {
	    max-width: 100%;
	}

	.home-article a h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.product-list .product figure {
		max-width: 350px;
	}

	.product-list-content {
	    width: calc(100% - 400px);
	}

	.product-list .product h3 {
		font-size: 36px;
		line-height: 42px;
	}

	.product-list-content .price-container, .product-title-wrapp .price-container {
		font-size: 22px;
		line-height: 28px;
	}

	.blog-inner-wrapper h1 {
	    font-size: 36px;
    	line-height: 42px;
	}

	.blog-inner-wrapper blockquote p {
	    font-size: 32px;
	    line-height: 36px;
	}

	.blog-inner-wrapper blockquote {
		padding: 30px;
	}

	.basic-contact-info a {
		font-size: 24px;
	}

	.slider-section,
	.promo-section,
	.special-package-list .slick-slide figure,
	.home-article figure,
	.draw,
	.product-list .product figure,
	.portfolio-list li a figure,
	.top-banner,
	.blog-container article,
	.thumbnails .slick-slide a,
	.product-main-image,
	.gallery-grid a,
	.about-row figure {
		border-radius: 20px;
	}

	.section-default {
	    margin: 40px 0px;
	}

	.special-package-list .slick-slide figure {
		margin-bottom: 20px;
	}

	.spec-label {
		width: 40%;
	}

	.blog-content {
		width: 100%;
	}

	.blog-wrapper {
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}

	.blog-aside {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 40px;
	}

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

	.about-image {
		width: 40%;
	}

	.home-about-inner {
		width: 55%;
	}

	.category-page-title {
		padding-left: 60px;
		font-size: 36px;
	    line-height: 42px;
	}

	.category-page-title:after {
	    width: 40px;
	    height: 42px;
	    background-size: contain !important;
	}

	.about-row figure {
		width: 40%;
	}

	.about-text {
		width: 55%;
		margin-left: 0px;
	}

	.about-row {
		justify-content: space-between;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.header-fixed .header-normal-right {
		display: flex;
		float: none;
	}

	.header-normal-right {
		display: none;
	}

	.header-fixed .lang-selector {
		display: flex;
	}
	
	.header-fixed .bordered-btn {
		display: block;
	}

	.header-normal .logo-img {
		float: right;
	}

	.slider-section,
	.promo-section,
	.special-package-list .slick-slide figure,
	.home-article figure,
	.draw,
	.product-list .product figure,
	.portfolio-list li a figure,
	.top-banner,
	.blog-container article,
	.thumbnails .slick-slide a,
	.product-main-image,
	.gallery-grid a,
	.about-row figure {
		border-radius: 20px;
	}

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

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

	.section-default {
	    margin: 20px 0px;
	}

	.promo-section-right .promo-percentage {
        font-size: 80px;
        line-height: 120px;
        letter-spacing: 0px;
	}

	.promo-section-left {
		padding: 20px;
		width: 100%;
	}

	.promo-section-right {
		width: 100%;
	}

	.promo-section h2 {
		font-size: 32px;
		line-height: 38px;
	}

	.promo-product-info {
	    margin-top: 20px;
	}

	.product-title-promo {
		font-size: 36px;
		line-height: 36px;
	}

	.promo-section-left .price-container {
	    display: flex;
	    font-size: 22px;
	    line-height: 28px;
	}

	.promo-section {
		flex-wrap: wrap;
	}

	.special-package-list .slick-slide {
	    padding: 0px;
	}

	.special-package-list .slick-slide figure {
	    margin-bottom: 20px;
	}

	.home-about-section {
		flex-wrap: wrap;
	}

	.about-image {
		width: 100%;
	}

	.home-about-inner {
		width: 100%;
		margin-bottom: 30px;
	}

	.home-about-text {
		max-width: 100%;
		margin-top: 20px;
		text-align: center
	}

	.home-about-inner h2 {
		font-size: 32px;
		line-height: 34px;
	}

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

	.home-article {
	    width: 100%;
	    margin-bottom: 30px;
	}

	.home-article a h3 {
	    font-size: 24px;
    	line-height: 28px;
	}

	footer {
	    position: relative;
	    margin-top: 40px;
	}

	.wrapper {
		padding-bottom: 0px;
	}

	.product-list .product figure {
		margin-right: 0px;
		margin-bottom: 30px;
		width: 100%;
	}

	.product-list-content {
	    width: 100%;
	}

	.product-list .product h3 {
		font-size: 32px;
		line-height: 38px;
	}

	.product-inner {
		max-width: 640px;
		width: 100%;
		margin: 40px auto;
	}

	.product-image {
	    width: 100%;
	}

	.product-info {
	    width: 100%;
	    margin-top: 30px;
	}

	.portfolio-list li {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 30px;
	}

	.portfolio-list li a h2 {
	    font-size: 26px;
    	line-height: 28px;
	}

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

	.product-title-wrapp h1 {
	    font-size: 36px;
	    line-height: 36px;
	    margin: 10px 0px;
	}

	.specification-inner ul li {
		flex-wrap: wrap;
	}

	.spec-label {
		width: 100%;
	}

	.spec-value {
		width: 100%;
		font-weight: 700;
	}

	.category-page-title {
		padding-left: 60px;
		font-size: 36px;
	    line-height: 42px;
	}

	.category-page-title:after {
	    width: 40px;
	    height: 42px;
	    background-size: contain !important;
	}

	.gallery-login {
		margin-left: 0px;
		width: 100%;
	}

	.blog-content {
		width: 100%;
	}

	.blog-wrapper {
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}

	.blog-aside {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 40px;
	}

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

	.blog-inner-content {
		padding: 20px;
	}

	.blog-inner-wrapper h1 {
		margin: 10px 0px;
		font-size: 32px;
		line-height: 32px;
	}

	.blog-inner-wrapper h2 {
		font-size: 24px;
		line-height: 26px;
	}

	.blog-inner-wrapper p,
	.blog-inner-wrapper .default-content-text ul li {
	    font-size: 18px;
	    line-height: 22px;
	}

	.blog-inner-wrapper blockquote {
		padding: 20px;
	}

	.blog-inner-wrapper blockquote p {
		font-size: 24px;
		line-height: 24px;
	}

	.about-row figure {
		width: 100%;
	}

	.about-text {
		margin-top: 30px;
	    margin-left: 0px;
	    width: 100%;
	}

	.about-text h2 {
		font-size: 36px;
    	line-height: 38px;
	}

	.contact-inner {
		margin-left: 0px;
	}

	.basic-contact-info a {
	    font-size: 24px;
    	line-height: 28px;
	}

	.calendar-container button {
		min-width: 100%;
	}
}