/*Laptop 1280*/
@media screen and (max-width: 1280px) {
}

/* tablet - 1080 */
@media screen and (max-width: 1080px) {
}

/*Ipad horizontal - 1024*/
@media screen and (max-width: 1024px) {
	.container{
		width: 100%;
	}
	.language{
		right: 15px;
	}
}

/*Ipad vertical - 768*/
@media screen and (max-width: 768px) {
	.col-layout-1, .col-layout-2, .col-layout-3, .col-layout-4, .col-layout-5, .col-layout-6, .col-layout-7, .col-layout-8, .col-layout-9, .col-layout-10, .col-layout-11, .col-layout-12{
		width: 100%;
	}


	.logo{
		width: 120px; margin: 0 0 0 40px;
		border: none;
	}
	.navbar{
		width: 100%;
		position: absolute;
		left: 0; top: 0;
		margin: 0;
		float: none;
	}
	.navbar ul{
		position: absolute; top: 50px;
		display: none;
		background: rgba(0,0,0,0.9);
		width: 100%;
		text-align: left;
		padding: 20px;
	}
	.navbar ul li{
		width: 100%;
		padding: 10px 0;
	}
	.navbar ul li i{
		color: #fff;
	}
	.navbar ul li a{
		color: #fff;
	}
	.bt-nav{
		display: block;
	}
	.info-user{
		display: none;
	}
	.user{
		top: 0;
	}
	.user img{
		width: 40px; height: 40px;
	}
	.language{
		top: 10px;
	}
	.featured{
		margin: 150px 0 0 0;
	}
	.box-fnc{
		margin: 0 0 15px 0; padding: 0 0 15px 0;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
		text-align: left;
		float: left;
		width: 100%;
	}
	.box-fnc i{
		font-size: 35px;
		width: 36px;
		float: left; margin: 0 20px 0 0;
	}

	.box-input{
		margin: 0 0 20px 0;
	}
	.slide{
		background:url(../images/bg-slide02.jpg) no-repeat center top fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.link-login{
		width: 100%;
		text-align: center;
	}
	.link-login a{
		padding: 0 15px;
	}
	.main-login .container{
		padding: 0 15px;
	}
}
/*mobile and other*/
@media only screen and (max-width : 732px) {
	
}

@media screen and (max-width: 640px) {
	
}
@media only screen and (max-width : 540px) {
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 414px) {
	
}
@media only screen and (max-width : 375px) {
	
}
@media only screen and (max-width : 320px) {
	
}