.header_mob
{
	display:none;
	position:absolute;
	color:white;
	width:90%;
	padding:15px;
}
.header_mob .logo
{
	float:left;	
}
.header_mob .logo img
{
	width:75px;
}
.header_mob .ri-menu-line
{
	float:right;
	font-size:24px;
	cursor:pointer;
}
.menu_mob
{
	display:none;	
	position:fixed;
	width:100%;
	height:100%;
	background:white;
	padding:15px;
	z-index:99998989898989898;
}
.menu_mob .menu_mob_header
{
	overflow:auto;
}
.menu_mob .menu_mob_header .logo
{
	float:left;	
}
.menu_mob .menu_mob_header .logo img
{
	width:75px;
}
.menu_mob .menu_mob_header .ri-close-line
{
	float:right;
	font-size:30px;
	cursor:pointer;
}
.menu_mob .menu
{
	list-style:none;
}
.menu_mob .menu li
{
	text-align:center;
	padding:15px;
}
.menu_mob .menu li a
{
	text-decoration:none;
	color:#222;
}

@media screen and (max-width: 1380px) {

	header ul.menu > li {
		font-size: 13px;
	}
	header .logo {
		width: 100px;
		position: absolute;
		background: white;
		padding: 10px;
		background: url('../imgs/logoint.png') no-repeat;
		background-size: 90% 50%;
		background-position: center;
		z-index: 9998855;
	}	
	#front .c1 img {
		width: 200px;
		margin: auto;
		margin-bottom: 5%;
	}	
	#front .c1 .frame-data {
		width: 80%;
	}	
	#front .c1 h1 {
		font-size: 40px;
	}	
	#front .c1 p {
		font-size: 24px;
		margin-top: 15%;
	}	
	#about .c2 h6 {
		font-size: 24px;
	}	
	#about .c2 h4 {
		font-size: 24px;
	}	
	#about .c2 h3 {
		font-size: 24px;
	}	
	#services .c1 > h6 {
		padding: 25px;
		font-size: 24px;
	}	
	#services .c1 > h5 {
		padding: 25px;
		font-size: 24px;
	}	
	#services .c1 .float > h5 {
		font-size: 30px;
	}	
	#services .c1 .float > h6 {
		font-size: 24px;
	}	
	#services .c1 .float > h3 {
		font-size: 24px;
	}	
	#projects {
		min-height: 800px;
	}	
	#projects .project .img img {
		height: 350px;
	}
	#projects .project .float {
		position: absolute;
		padding: 5px;
		background: white;
		margin-top: -32px;
		margin-left: 60.2%;
		width: 200px;
		text-align: center;
		font-size:13px;
	}	
	#contact {
		min-height: 830px;
	}	
	#contact .c2 > h6 {
		font-size: 24px;
	}	
	#contact .c2 > h5 {
		font-size: 24px;
	}	
	#contact .c2 > p {
		font-size: 18px;
	}	
	#contact .c2 > ul li {
		font-size: 18px;
	}	
	#contact .c1 .float {
		margin-top: 35%;
		margin-left: 35%;
		font-size: 24px;
	}	
}
@media screen and (max-width: 1180px) {


}

@media screen and (max-width: 960px) {

}
@media screen and (max-width: 760px) {
	header
	{
		display:none;
	}
	footer {
		overflow: auto;
		padding: 10px 10px;
	}	
	footer .cont{
		padding-bottom:25px;
	}	
	footer ul.brand {
		float: none;
		width: 100%;
	}	
	footer ul.links {
		display:none;
	}	
	footer ul.contact {
		float: none;
		width: 100%;
	}		
}
@media screen and (max-width: 560px) {
	.header_mob
	{
		display:block;
	}	
	#front {
		font-family: "Merriweather", serif;
		width: 100%;
		height: 100%;
		background: url(../imgs/int/front.jpeg) no-repeat;
		background-size: 150% 110%;
		background-position-x: -95px;
		//	background-position: right;
	}	
	#front .c1 img {
		width: 100px;
		margin: auto;
		margin-bottom: 5%;
	}	
	#front .c1 .frame-data {
		width: 100%;
	}	
	#front .c1 h1 {
		font-size: 34px;
	}	
	#front .c1 h1 .fs1 {
		font-size: 70px;
	}	
	#front .c1 p {
		font-size: 20px;
		margin-top: 25px !important;
	}
	#about .c1,#about .c3 {
		display:none;
	}	
	#services .c1 .float {
		position:static;
		padding: 45px;
		background: rgba(218,217,213,0.6);
		width: 100%;
	}	
	#services .c2 {
		padding-top: 0px;
		min-height: 300px;
	}	
	#contact {
		padding:25px;
		background: #FAFAFA url() no-repeat;
	}	
	#contact .c1 .float {
		margin-top: 160%;
		margin-left: 5%;
		font-size: 24px;
	}	
	
	#projects .project .float-title	
	{
		margin-top:30%;
	}
	#projects {
		height: 100vh;
	}	
	#projects .project .img img {
		height: 100vh;
	}
	#projects .project .float {
		position: absolute;
		padding: 5px;
		background: white;
		margin-top: -32px;
		margin-left: 60.2%;
		width: 200px;
		text-align: center;
		font-size:13px;
	}	
	
}