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

@media (min-width: 768px){
	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}	
	.mt-md-120 {
	    margin-top: 120px;
	}
	.mb-md-120 {
	    margin-bottom: 120px;
	}
	.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;
	}
	.mt-md-90 {
	    margin-top: 90px;
	}
	.mb-md-90 {
	    margin-bottom: 90px;
	}
	.pt-md-90 {
	    padding-top: 90px;
	}
	.pb-md-90 {
	    padding-bottom: 90px;
	}
	.pb-md-87 {
		padding-bottom: 87px;
	}
	.pt-md-87 {
		padding-top: 87px;
	}
	.mt-md-80 {
	    margin-top: 80px;
	}
	.mb-md-80 {
	    margin-bottom: 80px;
	}
	.pt-md-80 {
	    padding-top: 80px;
	}
	.pb-md-80 {
	    padding-bottom: 80px;
	}
	.mt-md-70 {
	    margin-top: 70px;
	}
	.mb-md-70 {
	    margin-bottom: 70px;
	}
	.pt-md-70 {
	    padding-top: 70px;
	}
	.pb-md-70 {
	    padding-bottom: 70px;
	}
	.pt-md-75 {
	    padding-top: 75px;
	}
	.pb-md-75 {
	    padding-bottom: 75px;
	}
	.mt-md-65 {
	    margin-top: 65px;
	}
	.mb-md-65 {
	    margin-bottom: 65px;
	}
	.pt-md-65 {
	    padding-top: 65px;
	}
	.pb-md-65 {
	    padding-bottom: 65px;
	}
	.mt-md-60 {
	    margin-top: 60px;
	}
	.mb-md-60 {
	    margin-bottom: 60px;
	}
	.pt-md-60 {
	    padding-top: 60px;
	}
	.pb-md-60 {
	    padding-bottom: 60px;
	}
	.mt-md-50 {
	    margin-top: 50px;
	}
	.mb-md-50 {
	    margin-bottom: 50px;
	}
	.pt-md-50 {
	    padding-top: 50px;
	}
	.pb-md-50 {
	    padding-bottom: 50px;
	}
	.mt-md-40 {
	    margin-top: 40px;
	}
	.mb-md-40 {
	    margin-bottom: 40px;
	}
	.pt-md-40 {
	    padding-top: 40px;
	}
	.pb-md-40 {
	    padding-bottom: 40px;
	}
	.mt-md-35 {
	    margin-top: 35px;
	}
	.mb-md-35 {
	    margin-bottom: 35px;
	}
	.pt-md-35 {
	    padding-top: 35px;
	}
	.pb-md-35 {
	    padding-bottom: 35px;
	}
	.mt-md-30 {
	    margin-top: 30px;
	}
	.mb-md-30 {
	    margin-bottom: 30px;
	}
	.pt-md-30 {
	    padding-top: 30px;
	}
	.pb-md-30 {
	    padding-bottom: 30px;
	}
	.mt-md-25 {
	    margin-top: 25px;
	}
	.mb-md-25 {
	    margin-bottom: 25px;
	}
	.mt-md-20 {
	    margin-top: 20px;
	}
	.mb-md-20 {
	    margin-bottom: 20px;
	}
	.pt-md-20 {
	    padding-top: 20px;
	}
	.pb-md-20 {
	    padding-bottom: 20px;
	}
	.mb-md-16 {
	    margin-bottom: 16px;
	}
	.mt-md-10 {
	    margin-top: 10px;
	}
	.mb-md-10 {
	    margin-bottom: 10px;
	}
	.pt-md-10 {
	    padding-top: 10px;
	}
	.pb-md-10 {
	    padding-bottom: 10px;
	}
	.mt-md-180 {
		margin-top: 180px;
	}
	.mt-md-15 {
		margin-top: 15px;
	}
	.pb-md-180 {
		padding-bottom: 180px;
	}
	.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;
	}
}

@media (min-width: 992px){
	.container {
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}	
	.pb-lg-50 {
		padding-bottom: 50px;
	}
	.pb-lg-100 {
		padding-bottom: 100px;
	}
	.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;
	}

}

@media (min-width: 1200px){
	.container {
		max-width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}	
	.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;
	}

}

@media (min-width: 1600px){
	.container {
		max-width: 1540px;
		padding-left: 70px;
		padding-right: 70px;
	}
	
}

@media (max-width: 1599px){
	.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: 60px;
	}
	.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: 40px;
	}
	.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, span.maxtitle-3, p.maxtitle-3 {
	    font-size: 20px;
	}
	.grid-75 .row {
	    --bs-gutter-x: 60px;
	    --bs-gutter-y: 60px;
	}
    .hero-banner .row {
        --bs-gutter-x: 80px;
    }
}

@media (max-width: 1199px) {
	.desktop-header {
		display: none;
	}
	.mobile-header {
		display: block;
	}
	body {
		font-size: 16px;
	}
	.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: 48px;
	}
	.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;
	}
	.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, span.maxtitle-3, p.maxtitle-3 {
	    font-size: 16px;
	}
	.hero-banner .row {
	    --bs-gutter-x: 60px;
	}
	.date-num {
	    font-size: 20px;
	}
	.date-div {
	    width: 75px;
	    min-width: 75px;
	}
	.grid-75 .row {
	    --bs-gutter-x: 50px;
	    --bs-gutter-y: 50px;
	}
}

@media (max-width: 991px) {
	.hero-banner .row {
	    --bs-gutter-x: 40px;
	}
	.grid-75 .row {
	    --bs-gutter-x: 40px;
	    --bs-gutter-y: 50px;
	}

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

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}
    .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 15px 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: 36px;
	}
    .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: 15px;
	}
	.row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    --bs-gutter-x: 40px;
	}
	.navbar-collapse {
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 160px;
	    padding-bottom: 30px;
	}
	.hero-caption .sub-title {
		margin-bottom: 15px;
	}
	.post-row {
	    gap: 30px;
	}
	.date-row {
	    gap: 30px;
	}
	.date-blog {
	    gap: 20px;
	}
	.grid-75 .row {
	    --bs-gutter-x: 40px;
	    --bs-gutter-y: 40px;
	}
	.table-list table th {
	    font-size: 16px;
	    padding: 0 10px 20px;
	}
	.table-list table td {
	    padding: 3px 12px;
	    font-size: 14px;
	}
	.percentage-cell {
	    width: 50%;
	    display: none;
	}
	.table-list table tr th:nth-child(2) {
		display: none;
	}
	.contact-blog-top {
	    gap: 19px;
	    margin-bottom: 15px;
	}
	.footer-part {
	    padding: 80px 0;
	}
    .footer-top {
    	flex-direction: column;
    	gap: 30px;
    }
    .footer-middle,
    .footer-top {
	    margin-bottom: 50px;
	}
    .hero-iframe {
       padding: 20px;
    }
    .card-title {
        font-size: 20px;
    }
    .card-num {
        font-size: 3.5rem;
    }
    .card-num span {
        font-size: 14px;
    }
    .card-change {
        font-size: 20px;
    }
    .card-row .row {
        --bs-gutter-x: 20px !important;
        --bs-gutter-y: 15px !important;
    }
    .brands-row .row {
	    --bs-gutter-x: 30px;
	    --bs-gutter-y: 30px;
	}
	.brands-blog-info {
	    padding: 20px;
	}
}	


@media (max-width: 640px) {

}

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

@media (max-width: 575px) {
	.navbar-collapse {
	    max-width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;
	}	
}

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

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

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