@charset "utf-8";

@media screen and (max-width : 1120px) {
	
.contact-info img {
	position: relative;
	float: left;
	margin-right:5px;
	margin-top: 15px;
	
}

.contact-info p {
	color: #0e0e0e;
	font-size:10px;
	line-height: 16px;
	margin-bottom: 15px;
	font-family: 'open Sans', sans-serif;
	overflow: hidden;
	padding-top: 6px;
	margin-top:10px;
}


}

@media screen and (max-width : 1020px) {
	
#main-slider .flex-caption {
	position: absolute;
	top:100px !important;
	left:0px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 13px 20px;
}

#main-slider .flex-caption1 {

	top:150px !important;
	
	
}

#main-slider .flex-caption2 {
	
	top:200px;
	
}


#main-slider .flex-caption3 {
	
	top:250px;
	
}
	
	
}

@media screen and (max-width : 1020px) {
	
	#main-slider .flex-caption {
	position: absolute;
	top:100px !important;
	left:0px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 13px 20px;
}

#main-slider .flex-caption1 {

	top:145px !important;
	
	
}

#main-slider .flex-caption2 {
	
	top:190px !important;
	
}


#main-slider .flex-caption3 {
	
	top:235px !important;
	
}



}

@media screen and (max-width : 768px) {
	
	header {
		padding-right: 20px !important;
		margin-bottom: 16px;
	}
#logo a img{
	width:100%;
}
	.moving-content li {
		padding: 0 20px !important;
	}

	.twitter-widget a {
		width: auto;
	}

	footer .four {
		padding: 0 20px;
	}

	.twiter p {
		width: 90%;
	}

	#top-articles article blockquote {
		float: none;
		padding: 30px 30px 90px 30px;
	}

	#top-articles article.blockquote a {
		bottom:50px;
		left: 40px;
		top: inherit;
	}

	#main-slider .flex-caption,
	#main-slider .flex-caption1 {
		
	}

	.blog-text {
		margin-bottom: 20px;
	}

	#comment-leave div.five textarea {
		position: relative;
	}

	ul.member-post li a span {
		display: none;
	}

	ul.member-post li a {
		padding: 7px;
	}

	.head-description p {
		padding: 15px 0;
		font-size: 11px;
	}

	.single-work .flex-caption {
		display: none;
	}

	#widget li {
		float: none;
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	.single-nav a span {
		display: none;
	}

	.project-container li {
		width: 46.8%;
	}

	ul.tab-list li a {
		padding: 11px 8px;
		font-size: 10px;
	}
}

@media screen and (max-width : 767px) {
	ul.topnav{
		display:none;
	}
	.menu {
		display:none;
	}
#logo a img{
	width:350px;
}
.dropdownbutton {
	display:inline;
}
.topbutton{
		display:inline;
}

}

@media screen and (max-width :600px) {
	
	#main-slider .flex-caption {
	position: absolute;
	top:60px !important;
	left:0px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 13px 20px;
}

#main-slider .flex-caption1 {

	top:105px !important;
	
	
}

#main-slider .flex-caption2 {
	
	top:150px !important;
	
}


#main-slider .flex-caption3 {
	
	top:195px !important;
	
}

	
	
}

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

	.project-container li {
		width: 92.2%;
	}

	ul.tab-list li a {
		padding: 10px 3px;
		font-size: 9px;
	}
}

@media screen and (max-width : 520px) {
	
	
#main-slider .flex-caption {
	position: absolute;
	top:40px !important;
	left:0px;
	color: #fff;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 13px 20px;
}

#main-slider .flex-caption1 {

	top:80px !important;
	font-size:13px;
	
	
}

#main-slider .flex-caption2 {
	
	top:120px !important;
	font-size:13px;
	
}


#main-slider .flex-caption3 {
	
	top:160px !important;
	font-size:13px;
	
}
	
	
}

@media screen and (max-width : 520px) {
	
	
#main-slider .flex-caption {
	position: absolute;
	top:60px !important;
	left:0px;
	color: #fff;
	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 5px 10px !important;
}

#main-slider .flex-caption1 {

	top:82px !important;
	font-size:11px;
	padding: 5px 10px !important;
	
	
}

#main-slider .flex-caption2 {
	
	top:104px !important;
	font-size:11px;
	padding: 5px 10px !important;
	

}


#main-slider .flex-caption3 {
	
	top:126px !important;
	font-size:11px;
	padding: 5px 10px !important;
	
}
	
	
}

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

#main-slider .flex-caption {
	position: absolute;
	top:50px !important;
	left:0px;
	color: #fff;
	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	background: #00c2de;
	padding: 5px 10px !important;
}

#main-slider .flex-caption1 {

	top:72px !important;
	font-size:11px;
	padding: 5px 10px !important;
	
	
}

#main-slider .flex-caption2 {
	
	top:94px !important;
	font-size:11px;
	padding: 5px 10px !important;
	
}


#main-slider .flex-caption3 {
	
	top:116px !important;
	font-size:11px;
	padding: 5px 10px !important;
	
}
	
	
}

@media screen and (max-width : 368px) {
	
.blue1 p { 
	color:#00c2de; 
	font-size:30px; 
	text-align:center; 
	font-family: 'open Sans', sans-serif; 
	text-transform:uppercase; 
	margin-top:20px;
}

}

@media screen and (max-width : 350px) {
	#logo a img{
	width:90%;
}

	.project-container li {
		width: 88%;
	}
	.head-title h1 {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #00C2DE;
		float: left;
		font-family: 'Open Sans',sans-serif;
		font-size: 14px;
		min-width: 75px;
		padding: 12px 5px;
		position: relative;
		text-transform: uppercase;
	}
}/* CSS Document */