@media(max-width: 1450px){
	:root{
        --px-content: 95% !important;
        --px-content-small: 80% !important;
    }


    .nav.nav-left.nav-spacing-medium>li{
    	margin: 0 3px;
    }

    .wrapper-contact-home .col-center:after{
    	transform: skewX(-13deg);
    }
}

@media(max-width: 1300px){
	:root{
        --px-content: 98% !important;
    }

    .header-nav-main.nav .menu-item a{
    	font-size: 14px !important;
    }

}

@media(max-width: 1200px){
	.header-nav-main.nav .menu-item a{
    	font-size: 13px !important;
    }
}



@media(max-width: 849px){
	:root{
        --px-content: 90% !important;
        --px-content-small: 80% !important;
    }

    body{
		font-size: 0.875rem;
	}

	.mobile-nav.nav>li>a{
		color: var(--cl-x);
	}

	#main-menu .menu-item a{
		color: #000;
		font-size: 1rem;
	} 


	.header-main li.html.custom{
		display: block;
	}


	.box-blog-post.box-vertical{
		flex-direction: column;
	}

	.box-blog-post.box-vertical .box-image{
		width: 100% !important;
	}

	.box-blog-post.box-vertical .box-text{
		padding: 0.75rem 0 0;
	}

}

@media(max-width: 549px){
	:root{
        --px-content: 105% !important;
        --px-content-small: 80% !important;
    }

    input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){
		font-size: 0.75rem;
	}


	.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col{
		padding: 0 4px 8px;
	}


	.wrapper-contact-home .col-center:after{
    	transform: skewX(0);
    }

    .col-logo .col-inner{
    	background-color: transparent !important;
    }


	/*==== Page Contact*/
	.wrapper-form-contact{
		padding: 2rem 1.5rem;
	}
}

@media (min-width: 550px){
	.justify-content-md-between{
		justify-content: space-between;
	}
}

@media (min-width: 850px){
	.row-col-lg-5 .col{
		flex-basis: 20%;
        max-width: 20%;
	}

	.flex-lg-row-reverse{
		flex-direction: row-reverse;
	}

	.justify-content-lg-between{
		justify-content: space-between;
	}

	.col-lg-auto{
		flex-basis: auto;
		max-width: fit-content;
	}

	.align-self-lg-center{
		align-self: center;
	}

	.section-title-container.text-lg-left .section-title b{
		display: none;
	}

	.section-title-container.text-lg-left .section-title-main{
		margin: 0;
	}

	/*===*/
	#logo a{
	    top: 15%;
	    position: absolute;
	    transform: translateY(-50%);
	}
	#logo img{
		padding: 0 !important;
	}

	/*menu*/
	.header-nav-main.nav .menu-item.active{
		color: var(--cl-x);
	}

	.header-nav-main.nav .menu-item a{
		padding: 0.5rem 0.5rem;
		font-weight: 600;
		font-size: 1rem;
	}

	.header-nav-main.nav .menu-item:hover > a{
		color: var(--cl-y) !important;
	}

	.header-nav-main.nav .menu-item.active > a{
		background: linear-gradient(45deg, #2E3192 0%, #b71214 100%);
		border-radius: 0.5rem;
		color: #fff !important;
	}

	.header-nav .sub-menu,
	.active>ul.children, .active>ul.sub-menu:not(.nav-dropdown){
		display: none !important;
		padding: 0;
		/*min-width: unset;*/
		border: 0;
		border-radius: 0.25rem;
		background-color: #fff;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}

	.header-nav .menu-item{
		width: unset !important;
		min-width: unset !important;
		position: relative;
	}

	.header-nav .sub-menu>.menu-item>a{
		padding: 0.75rem 0;
		font-size: 15px;
		font-weight: 500;
		color: #000;
		text-transform: capitalize;
	}

	.header-nav .sub-menu > .menu-item:hover > a{
		color: var(--primary-color);
	}

	.header-nav .menu-item:hover>.sub-menu{
		display: block !important;
		animation: menu 0.3s;
	}

	.header-nav .sub-menu .menu-item>.sub-menu{
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 10;
	}

	.header-nav .sub-menu li{
		display: block;
	}

	@keyframes menu {
	    0% { transform: translateY(20px); opacity: 0}
	    100% { transform: translateY(0px); opacity: 1}
	}

	.row-info-footer{
    	flex-wrap: nowrap;
	}

	.logo-footer{
		min-width: 170px;
	}


}

@media (min-width: 2000px){
	:root{
        --px-content: 1800px !important;
    }

}