/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/

@media (max-width: 1399.98px) {

	.navbar-nav {

	    gap: 6px;

	}

}



/*`xl` applies to large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) {



}



/*lg` applies to medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {

	.offcanvas{

		background-color: #7ca6c9;

	}

	.navbar .nav-item{

		padding-left: 12px;

	}

	.navbar .nav-item .nav-link,

	.navbar .nav-item .nav-link a{

		color: #fff;

		display: flex;

    	align-items: center;

    	justify-content: space-between;

	}

	.nav-item.dropdown .dropdown-menu .dropdown-item{

		white-space: normal;

	}

}

/*`md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {

	.block{

		padding: 15px 1%;

	}

	.logo{

		width: 160px;

	}



	.card-blog .title{

		font-size:0.9rem;

		min-height:60px

	}


	.wrapper{
		bottom: 0;
		transform: scale(0.8);
	}
	.back-to-top{
		left: 50%;
		transform: translateX(-50%);
		width: 40px;
		height: 40px;

	}

	@keyframes backtop {

    	0% { transform: translate(-50%, 20px); }

    	100% { transform: translate(-50%, 0px); }

	}

}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {



}



/* Small devices (landscape phones, 576px and up)*/

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

/* Medium devices (tablets, 768px and up)*/

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

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {

	.col-lg-fix-5{

		flex: 0 0 auto;

		width: 20%;

	}

	.col-lg-fix-8{

		flex: 0 0 auto;

		width: calc(100% / 8);

	}

	/*page dich-du*/

	/*.box-trans-image-left{

		transform: translateX(50px);

	}

	.box-trans-image-right{

		transform: translateX(-50px);

	}*/

}

/* X-Large devices (large desktops, 1200px and up)*/

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

/* XX-Large devices (larger desktops, 1400px and up)*/

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