@media (min-width: 576px){
	
}

@media (min-width: 768px){
	.pt-md-120 {
		padding-top: 120px;
	}
	.pb-md-120 {
		padding-bottom: 120px;
	}	
	.mt-md-100 {
	    margin-top: 100px;
	}
	.mb-md-100 {
	    margin-bottom: 100px;
	}
	.pt-md-100 {
	    padding-top: 100px;
	}
	.pb-md-100 {
	    padding-bottom: 100px;
	}
	.pb-md-60 {
		padding-bottom: 60px;
	}
	.pt-md-60 {
		padding-top: 60px;
	}
	.space-top-large {
		padding-top: 65px;
	}
	.space-top-medium {
		padding-top: 45px;
	}
	.space-top-small {
		padding-top: 30px;
	}
	.space-top-zero {
		padding-top: 0;
	}
	.space-bottom-large {
	    padding-bottom: 65px;
	}
	.space-bottom-medium {
	    padding-bottom: 45px;
	}
	.space-bottom-small {
	    padding-bottom: 30px;
	}
	.space-bottom-zero {
	    padding-bottom: 0;
	}
	.product-sub-row .col-lg-7 {
		flex: 0 0 auto;
        width: 60%;
	}
	.product-sub-row .col-lg-5 {
		flex: 0 0 auto;
        width: 40%;
	}
	.footer-right br {
        display: none;
    }
	
}

@media (min-width: 992px){	
	.space-top-large {
		padding-top: 80px;
	}
    .space-top-medium {
    	padding-top: 60px;
    }
    .space-top-small {
    	padding-top: 40px;
    }
	.space-top-zero {
		padding-top: 0;
	}
	.space-bottom-large {
	    padding-bottom: 80px;
	}
	.space-bottom-medium {
	    padding-bottom: 60px;
	}
	.space-bottom-small {
	    padding-bottom: 40px;
	}
	.space-bottom-zero {
	    padding-bottom: 0;
	}
	.product-row > .row > .col-lg-7 {
		flex: 0 0 auto;
        width: 65%;
	}
	.product-row > .row > .col-lg-5 {
		flex: 0 0 auto;
        width: 35%;
	}
	.product-sub-row .col-lg-7 {
		flex: 0 0 auto;
        width: 60%;
	}
	.product-sub-row .col-lg-5 {
		flex: 0 0 auto;
        width: 40%;
	}

}

@media (min-width: 1200px){
	.container {
		max-width: 1170px;
	}	
	.space-top-large {
		padding-top: 100px;
	}
    .space-top-medium {
    	padding-top: 75px;
    }
    .space-top-small {
    	padding-top: 50px;
    }
	.space-top-zero {
		padding-top: 0;
	}
	.space-bottom-large {
	    padding-bottom: 100px;
	}
	.space-bottom-medium {
	    padding-bottom: 75px;
	}
	.space-bottom-small {
	    padding-bottom: 50px;
	}
	.space-bottom-zero {
	    padding-bottom: 0;
	}
	.pt-xl-165 {
		padding-top: 165px;
	}
	.pb-xl-165 {
		padding-bottom: 165px;
	}
	.pb-xl-110 {
		padding-bottom: 110px;
	}
	.pt-xl-110 {
		padding-top: 110px;
	}
	.product-row > .row > .col-lg-7 {
		flex: 0 0 auto;
        width: 60%;
	}
	.product-row > .row > .col-lg-5 {
		flex: 0 0 auto;
        width: 40%;
	}
	.product-sub-row .col-lg-7 {
		flex: 0 0 auto;
        width: 67%;
	}
	.product-sub-row .col-lg-5 {
		flex: 0 0 auto;
        width: 33%;
	}
	.mb-xl-50 {
		margin-bottom: 50px;
	}
}
@media (min-width: 1330px){
	.max-container {
		max-width: 1250px;
	}
	
}

@media (min-width: 1641px){
	.container {
		max-width: 1498px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.max-container {
		max-width: 1588px;
	}
	
}

@media (max-width: 1640px){
	body {
		padding: 30px;
	}
	.font-size-h1, h1, h1.maxtitle-1, h2.maxtitle-1, h3.maxtitle-1, h4.maxtitle-1, h5.maxtitle-1, h6.maxtitle-1, div.maxtitle-1, span.maxtitle-1, p.maxtitle-1 {
	    font-size: 50px;
	}
	.font-size-h2, h2, h1.maxtitle-2, h2.maxtitle-2, h3.maxtitle-2, h4.maxtitle-2, h5.maxtitle-2, h6.maxtitle-2, div.maxtitle-2, span.maxtitle-2, p.maxtitle-2 {
	    font-size: 38px;
	}
	.hero-caption {
	    max-width: 700px;
	}
	.header-part {
	    width: calc(100% - 60px);
	    top: 30px;
	    left: 30px;
	}
	.header-part.sticky,
	.header-part.header-dark.sticky {
	    top: 30px;
	} 
	body.logged-in.admin-bar .header-part.sticky {
	    top: 92px;
	}
	.hero-banner {
	    min-height: 700px;
	    padding: 203px 0 100px;
	}
	.hero-slider.owl-carousel .owl-dots {
	    max-width: 1130px;
	}
	.card-blog {
		padding: 50px 60px 55px;
		min-height: 490px;
	}
	.card-blog.no-active {
		width: 149px;
	}
	.card-info p {
	    font-size: 20px;
	}
	.card-blog.active {
	    flex-basis: calc(100% - 179px);
	}
	.card-row {
		gap: 30px;
	}
	.card-info .btn {
	    margin-top: 20px;
	}
	.card-info {
	    max-width: 343px;
	}
	.video-div {
	    height: 642px;
	}
	.video-title {
	    top: 30px;
        left: 27px;
        width: 508px;
	}
	.video-info {
        right: 34px;
        bottom: -6px;
        width: 443px;
        font-size: 16px;
        line-height: 1.6;
    }
	.product-slider.owl-carousel {
	    margin-left: -30px;
	    width: calc(100% + 60px);
	    padding: 0 30px;
	}
	.product-blog {
	    height: 249px;
	}
	.contact-section {
	    background-position: left bottom;
	    padding: 3vw 0;
	}
	.contact-form h2 {
	    margin-bottom: 40px;
	}
	.contact-form .row {
	    --bs-gutter-x: 20px;
	    --bs-gutter-y: 20px;
	}
	.footer-right p {
	    font-size: 14px;
	}
	.footer-logo img {
	    width: 200px;
	}
	.product-item {
	    height: 223px;
	}
	.product-item-info {
	    padding: 20px;
	}
	.header-part.header-dark {
	    top: 30px;
	}
	.header-top {
	    padding: 60px 0 30px;
	}
	.header-meta {
	    gap: 25px;
	}
	.header-search {
	    width: 200px;
	}
	.header-main-right {
	    gap: 29px;
	}
	.header-product-row {
	    gap: 15px;
	}
	.header-main-inner .main-menu > li {
		margin-left: 20px;
	}
	.header-main-inner {
		gap: 30px;
	}
	.header-main-inner .main-menu > li > a {
		font-size: 18px;
	}
	.header-price,
	.header-product-name p {
		font-size: 18px;
	}
	.blog-row .row {
	    --bs-gutter-x: 20px;
	    --bs-gutter-y: 20px;
	}
	.login-section .contact-form h2 {
	    margin-bottom: 20px;
	}
	.login-section .submit-div {
	    margin-top: 0px;
	}
	.login-section.contact-section {
        background-position: 100px 100%;
        /*background-size: 72%;*/
	}
    .input-div input, .input-div textarea {
	    padding: 18px 25px 16px;
	    font-size: 18px;
	}
	.login-section.contact-section .contact-form-outer {
		max-width: 400px;
	}
	.contact-form-outer .header-logo img {
		width: 180px;
	}
	.login-section .contact-form h2 {
        font-size: 30px;
    }
    .login-section .input-div input, .login-section .input-div textarea {
        padding: 14px 20px 12px;
        font-size: 16px;
    }
    .login-section .submit-div .btn {
	    padding-left: 30px;
	    padding-right: 30px;
	    font-size: 18px;
	    padding-bottom: 15px;
	}
	.login-section .close-btn-outer {
	    margin-top: 15px;
	}
	.login-section.contact-section {
	    min-height: calc(100vh - 60px);
	}
}

@media (max-width: 1350px) {
	.video-title {
        top: 30px;
        left: 27px;
        width: 444px;
    }
	.video-title h2 {
		font-size: 32px;
	}
	.video-info {
        right: -18px;
    }
}

@media (max-width: 1199px) {
	body {
		padding: 20px;
		font-size: 18px;
	}
	.desktop-header {
		display: none;
	}
	.mobile-header {
		display: block;
	}
	.header-logo img {
	    width: 190px;
	}
	.font-size-h1, h1, h1.maxtitle-1, h2.maxtitle-1, h3.maxtitle-1, h4.maxtitle-1, h5.maxtitle-1, h6.maxtitle-1, div.maxtitle-1, span.maxtitle-1, p.maxtitle-1 {
        font-size: 42px;
    }
    .font-size-h2, h2, h1.maxtitle-2, h2.maxtitle-2, h3.maxtitle-2, h4.maxtitle-2, h5.maxtitle-2, h6.maxtitle-2, div.maxtitle-2, span.maxtitle-2, p.maxtitle-2 {
	    font-size: 32px;
	}
	.hero-caption {
        max-width: 549px;
    }
    .header-part {
        width: calc(100% - 40px);
        top: 25px;
        left: 20px;
    }
    .header-part.sticky,
    .header-part.header-dark.sticky {
	    top: 20px;
	} 
    body.logged-in.admin-bar .header-part.sticky {
	    top: 72px;
	}
	.btn {
		font-size: 18px;
	}
	.btn i {
		width: 16px;
		min-width: 16px;
	}
	.header-lang li a {
		font-size: 18px;
	}
	.header-right .btn {
		padding: 14px 20px 12px;
	}
	.hero-caption p {
		font-size: 20px;
	}
	.hero-slider.owl-carousel .owl-dots {
	    max-width: 920px;
	}
	.card-blog {
		padding: 40px 40px 40px;
		min-height: 410px;
	}
	.card-blog.no-active {
		width: 100px;
	}
	.card-info p {
	    font-size: 18px;
	}
	.card-blog.active {
	    flex-basis: calc(100% - 179px);
	}
	.card-info .btn {
        margin-top: 5px;
    }
    .card-info {
        max-width: 310px;
    }
    .video-div {
	    height: 532px;
	}
	.video-title h2 {
		font-size: 28px;
	}
	.video-title {
        top: 18px;
        left: 9px;
        width: 393px;
    }
    .video-info {
        right: -5px;
        bottom: -13px;
        width: 360px;
        font-size: 14px;
        line-height: 1.6;
    }
    .product-slider.owl-carousel {
	    margin-left: -20px;
	    width: calc(100% + 40px);
	    padding: 0 20px;
	}
	.contact-section {
	    position: relative;
	    border-radius: 50px;
	    padding: 80px 0 80px;
	    background-position: 25% 80%;
	}
	.contact-form-outer {
	    max-width: 409px;
	}
	.header-top {
		display: none;
	}
	.header-main {
		border: none;
	}
	.header-dark .header-right .btn {
		font-size: 0;
		border: none;
		padding: 0;
	}
	.header-product-row {
		margin-top: 30px;
		flex-wrap: wrap;
		width: 100%;
		gap: 20px 60px;
	}
	.header-main-right {
		width: 100%;
		margin-top: 30px;
		justify-content: flex-start;
		padding-bottom: 30px;
	}
	.header-part.header-dark {
        top: 20px;
    }
    .product-section {
	    padding: 190px 0 80px;
	}
	.input-div input, .input-div textarea {
	    padding: 16px 25px 12px;
	    font-size: 18px;
	}
	.card-bg.one {
	    background-position: 100px 0;
	    width: 108%;
	}
	.login-section.contact-section {
	    min-height: calc(100vh - 40px);
	}
}

@media (max-width: 991px) {
	.header-part {
        width: calc(100% - 50px);
        left: 15px;
    }
    .hero-slider.owl-carousel .owl-dots {
	    max-width: 680px;
	}
	.video-div {
	    height: 398px;
	}
	.video-title h2 {
        font-size: 22px;
    }
    .video-title {
        top: 17px;
        left: 5px;
        width: 305px;
    }
    .video-info {
        bottom: -54px;
        width: 264px;
        font-size: 11px;
    }
    .footer-inner {
    	flex-direction: column;
    	align-self: center;
    	justify-content: center;
    }
    .footer-right p {
    	text-align: center;
    }
    .product-item-info {
        padding: 25px;
    }
    .product-item.full-height {
    	height: 400px;
    }
    .card-blog.active .card-bg {
	    width: 38%;
	}
    .login-section.contact-section {
    	background-position: 50px 100%;
    }
}
@media (max-width: 782px) {
    
}

@media (max-width: 767px) {
	body {
		padding: 0px;
		font-size: 16px;
		line-height: 1.4;
	}
    .font-size-h1,.font-size-h2,.font-size-h3,.font-size-h4,.font-size-h5,.font-size-h6,
	h1,h2,h3,h4,h5,h6,div.maxtitle-1,p.maxtitle-1,span.maxtitle-1,div.maxtitle-2,p.maxtitle-2,span.maxtitle-2,div.maxtitle-3,p.maxtitle-3,span.maxtitle-3,div.maxtitle-4,p.maxtitle-4,span.maxtitle-4,div.maxtitle-5,p.maxtitle-5,span.maxtitle-5,div.maxtitle-6,p.maxtitle-6, span.maxtitle-6 {
	    margin: 0 0 20px 0;
	}
    .font-size-h1,
	h1,h1.maxtitle-1,h2.maxtitle-1,h3.maxtitle-1,h4.maxtitle-1,h5.maxtitle-1,h6.maxtitle-1,div.maxtitle-1,p.maxtitle-1,span.maxtitle-1 {
		font-size: 35px;
		letter-spacing: -0.025em;
	}
    .font-size-h2,
	h2,h1.maxtitle-2,h2.maxtitle-2,h3.maxtitle-2,h4.maxtitle-2,h5.maxtitle-2,h6.maxtitle-2,div.maxtitle-2,p.maxtitle-2,span.maxtitle-2 {
		font-size: 26px;
	}
    .font-size-h3,
	h3,h1.maxtitle-3,h2.maxtitle-3,h3.maxtitle-3,h4.maxtitle-3,h5.maxtitle-3,h6.maxtitle-3,div.maxtitle-3,p.maxtitle-3,span.maxtitle-3 {
		font-size: 20px;
	}
    .font-size-h4,
	h4,h1.maxtitle-4,h2.maxtitle-4,h3.maxtitle-4,h4.maxtitle-4,h5.maxtitle-4,h6.maxtitle-4,div.maxtitle-4,p.maxtitle-4,span.maxtitle-4 {
		font-size: 18px;
	}
    .font-size-h5,
	h5,h1.maxtitle-5,h2.maxtitle-5,h3.maxtitle-5,h4.maxtitle-5,h5.maxtitle-5,h6.maxtitle-5,div.maxtitle-5,p.maxtitle-5,span.maxtitle-5 {
		font-size: 16px;
	}
    .font-size-h6,
	h6,h1.maxtitle-6,h2.maxtitle-6,h3.maxtitle-6,h4.maxtitle-6,h5.maxtitle-6,h6.maxtitle-6,div.maxtitle-6,p.maxtitle-6,span.maxtitle-6 {
	    font-size: 16px;
	}
	p { 
		margin-bottom: 20px;
	}
	.row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    --bs-gutter-x: 60px;
	}
	.navbar-collapse {
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 120px;
	    padding-bottom: 30px;
	}
	.header-logo img {
        width: 150px;
    }
    .header-part {
        width: 100%;
        left: 0;
        top: 0;
        padding: 40px 20px;
    }
    .header-part.sticky,
    .header-part.header-dark {
        top: 0px;
    }
    .header-part.sticky, .header-part.header-dark.sticky {
        top: 0px;
    }
    .header-part.header-dark.sticky {
    	border-top-left-radius: 0;
    	border-top-right-radius: 0;
    }
    .home.body-sticky .wrapper:before, .product-page.body-sticky .wrapper:before {
	    height: 57px;
	}
    .header-lang {
    	gap: 7px;
    }
    .header-lang li a {
        font-size: 11px;
    }
    .btn {
    	font-size: 14px;
    	padding: 12px 16px 10px;
    }
    .header-right {
    	gap: 20px;
    }
   	.header-right .btn{
    	font-size: 11px;
    	padding: 11px 16px 10px;
    	gap: 7px;
    }
    .btn i {
        width: 11px;
        min-width: 11px;
    }
    .hero-banner {
    	padding: 125px 0 100px;
    	min-height: 80vh;
    }
    .hero-caption {
    	max-width: 367px;
    }
    .hero-caption p {
		font-size: 18px;
		max-width: 300px;
	}
	.white-line {
		display: none;
	}
	.light-overlay {
	    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0), rgba(255, 255, 255, 0.0));
	}
	.hero-slider.owl-carousel .owl-dots {
	    max-width: 500px;
	}
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.hero-slider.owl-carousel .owl-dots {
		bottom: 50px;
	}
	.card-row {
		flex-direction: column;
		gap: 30px;
	}
	.card-blog.no-active,
	.card-blog {
		flex-basis: 100%;
		width: 100%;
		min-height: inherit;
		border-radius: 50px;
		gap: 20px;
	}
	.card-blog.no-active .card-title,
	.card-title {
	    position: relative;
	    white-space: inherit;
	    writing-mode: inherit;
	    left: auto;
	    top: auto;
	    transform: none;
	}
	.card-info {
		max-width: 250px;
		height: auto;
	}
	.card-bg.one,
	.card-blog.active .card-bg,
	.card-blog.no-active .card-bg,
	.card-bg {
	    width: 39%;
	    height: 100%;
	    background-size: cover;
	    background-position: 19px 50%;
	}
	.card-info p {
        font-size: 16px;
    }
    .video-div {
        height: auto;
        margin: -0px 0 20px;
        mask-image: url(../images/video-mask-mobile.png);
    	-webkit-mask-image: url(../images/video-mask-mobile	.png);
    	overflow: hidden;
    }
    .video-div video {
    	position: relative;
    	width: 133%;
    }
    .video-title {
    	position: relative;
    	width: 100%;
    	left: auto;
    	top: auto;
    }
    .video-info {
    	position: relative;
    	width: 100%;
    	bottom: auto;
    	right: auto;
    	font-size: 16px;
    }
    .product-slider.owl-carousel {
        margin-left: 0;
        width: calc(100% + 0px);
        padding: 0 20px;
    }
    .contact-section {
        padding: 40px 0 40px;
    }
    .contact-form h2 {
	    margin-bottom: 30px;
	}
	.contact-form .row {
	    --bs-gutter-x: 20px;
	    --bs-gutter-y: 20px;
	}
	.input-div input, .input-div textarea {
	    border-radius: 15px;
	    padding: 16px 20px 14px;
	    font-size: 16px;
	}
	.close-btn {
	    width: 45px;
	    height: 45px;
	    border-radius: 13px;
	}
	.login-section .submit-div {
	    margin-top: 5px;
	}
	.contact-form-outer {
        max-width: 100%;
        margin-left: 0;
    }
    .product-item-info h3 {
	    font-size: 20px;
	}
	.product-item-info .sub-title {
	    font-size: 16px;
	    margin: 0 0 11px;
	}
	.product-row .row {
	    --bs-gutter-x: 20px;
	    --bs-gutter-y: 20px;
	}
	ul.sk-mobile-menu > li > a {
	    font-size: 18px;
	    padding: 8px 0px;
	}
	.header-price, .header-product-name p {
        font-size: 16px;
    }
    .product-section {
	    padding: 133px 0 60px;
	}
	.blog-section {
	    padding: 50px 0 70px;
	}
	.login-section.contact-section {
        background-position: 100% 100%;
        background-size: 0;
    }
    .product-item,
    .product-item.full-height {
        height: 250px;
    }
    .footer-right p {
        font-size: 11px;
    }
    .footer-right p span {
    	display: none;
    }
    .video-title h2 {
        font-size: 28px;
    }
    #catapult-cookie-bar {
		font-size: 15px;
		line-height: 20px;
	}
	.ctcc-left-side {
		margin-bottom: 10px;
	}
	#catapult-cookie-bar .main-btn {
	    padding: 10px 15px 8px;
	    font-size: 15px;
	    line-height: 22px;
	}
	.ctcc-inner {
		flex-direction: column;
		text-align: center;
	}
	.footer-part {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.contact-section {
        padding: 40px 0 193px;
        background-position: 105% 166%;
        background-size: 951px;
    }
    .contact-form-outer {
    	height: auto;
    }
    .login-section.contact-section {
		padding: 40px 0 193px;
        background-position: -588px 382px;
        background-size: 1039px;
        background-image: url(../images/form.png) !important;
	}
	.thank-you-page.login-section.contact-section  {
		background-position: -588px 431px;
        background-size: 1039px;
	}
	.login-section .submit-div .btn {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 14px;
        padding-bottom: 10px;
    }
    .hero-caption h1 span {
	    padding: 5px 15px 5px;
	}
	.header-part {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.login-section.contact-section {
	    min-height: calc(100vh - 0px);
	}
}	


@media (max-width: 640px) {

}

@media (max-width: 600px) {
    body.logged-in.admin-bar .header-part {
        top: 0px;
    } 
    .logged-in.admin-bar .header-part.sticky .sk-offcanvas-content {
        padding-top: 70px;
    }
}

@media (max-width: 575px) {
	.navbar-collapse {
	    max-width: 100%;
	}	
	.hero-slider.owl-carousel .owl-dots {
	    left: 0;
	    transform: none;
	    width: 100%;
	    padding: 0 30px;
	}
	
}

@media (max-width: 425px) {
  	.row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    --bs-gutter-x: 40px;
	}
	.navbar-collapse {
	    padding-left: 20px;
	    padding-right: 20px;
	}	
	.header-part {
        width: 100%;
        left: 0;
        top: 0;
        padding: 40px 0px;
    }
    .header-logo img {
    	width: 110px;
    }
    .hero-slider.owl-carousel .owl-dots {
	    padding: 0 20px;
	}
	.container {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.card-blog {
		padding: 40px 30px;
	}
	.card-info {
		height: auto;
	}
	.card-bg.one,
	.card-blog.active .card-bg,
	.card-blog.no-active .card-bg,
	.card-bg {
    	background-size:80%;
    	background-position: 100% 100%;
    }
}

@media (max-width: 400px){
	
}

@media (max-width: 374px) {
	
}