*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 [class*='col-'] {
 float: left;
}
.container {
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}

/* Content Columns */
.col-1-1 {
	width: 100%;
}
.col-2-3 {
	width: 66.66%;
}
.col-1-2 {
	width: 50%;
}
.col-1-3 {
	width: 33.33%;
}
.col-1-4 {
	width: 25%;
}
.col-3-4 {
	width: 75%;
}
.col-4-5 {
	width: 80%;
}
.col-1-5 {
	width: 20%;
}


@media only screen and (min-width: 1024px) and (max-width: 1600px) {
.mobilemenu {
	visibility:hidden;
	height:0;
	width:0;
}
}

@media only screen and (min-width:900px) and (max-width:1023px) {

.recentwork_carousel li {
	width:48%;
	margin-bottom:15px;
}
.mobilemenu {
	visibility: visible;
}
#navmenu {
	visibility:hidden;
	height:0;
	width:0;
}
#learnmore {
	height:136px;
	padding:10px 0 30px 70px;
	margin-bottom:20px;
}
.ani{
margin:10px 0 0px 190px;
}
}

@media only screen and (min-width:768px) and (max-width:899px) {

.recentwork_carousel li {
	width:48%;
	margin-bottom:15px;
}
.mobilemenu {
	visibility: visible;
}
#navmenu {
	visibility:hidden;
	height:0;
	width:0;
}
.out-types {
	margin:0 0 30px 50px;
}
.ani{
margin:10px 0 0px 190px;
}
#learnmore {
	height:136px;
	padding:10px 0 20px 50px;
	margin-bottom:20px;
}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.col-4-5 {
	width: 80%;
	float:left;
}
.col-1-5 {
	width: 20%;
	float:left;
}
.video-size {
	width:100%;
	height:295px;
}
.ani{
margin:10px 0 0px 150px;
}
#learnmore {
	height:136px;
	padding:10px 0 20px 50px;
	margin-bottom:0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 639px) {
.col-4-5 {
	width: 100%;
	float: none;
}
.col-1-5 {
	width:100%;
	float: none;
}
.col-1-5 a img {
	margin:0 auto;
	display:block;
}
.mobilemenu {
	visibility: visible;
	float:left;
	width:100%;
	margin:10px auto 0 auto;
}
.call {
	float:left;
}
.social {
	width:100%;
	margin-top:10px;
}
.social_icon {
	float:right;
}
.social_icon li.title {
	height:0px;
	width:0px;
	visibility:hidden;
}
.out-types {
	margin:0 0 30px 50px;
}
.video-size {
	width:100%;
	height:295px;
}
.ani{
margin:10px 0 0px 180px;
}
#learnmore {
	height:136px;
	padding:10px 0 20px 50px;
	margin-bottom:0px;
}
}

 @media only screen and (min-width: 481px) and (max-width: 767px) {
 [class*='col-'] {
 width: auto;
 margin:20px 0px;
 padding:0 10px;
}
.container {
	width: 90%;
}
.col-1-2 {
	width: 100%;
}
.col-1-4 {
	width: 100%;
}
.col-1-3 {
	width: 100%;
	clear:both;
	min-height:50px;
}
.col-1-3:last-child {
	padding: 0 11px!important;
}
.col-1-2:last-child {
	padding: 0 11px!important;
}
.col-3-4 {
	width: 100%;
}
.header {
	height:100%;
	padding:10px 0;
}
.recentwork_carousel li {
	width:100%;
	margin-bottom:15px;
}
.mobilemenu {
	visibility: visible;
}
#navmenu {
	visibility:hidden;
	height:0;
	width:0;
}
.video-size {
	width:100%;
	height:295px;
}

.ani{
margin:10px 0 0px 140px;
}
#learnmore {
	height: auto;
	padding:0px 0 30px 40px;
	margin-bottom:0px;
}
}


/*----nav menu responsive----*/

@media only screen and (min-width: 321px) and (max-width:480px) {
 [class*='col-'] {
 width: auto;
 float: none;
 margin:10px 0px;
 padding:0 10px;
}
.container {
	width: 97%;
}
.header {
	height:100%;
	padding:10px 0;
}
.view h2 {
   padding: 10px;
   margin: 40px 0 0 0;
}
.view p {
   padding: 10px 30px;
}
.recentwork_carousel li {
	width:100%;
	margin-bottom:15px;
}
.mobilemenu {
	visibility: visible;
}
#navmenu {
	visibility:hidden;
	height:0;
	width:0;
}
.video-size {
	width:100%;
	height:295px;
	margin-top:20px;
}
.ani{
margin:10px 0 0px 80px;
}

#learnmore {
	height: auto;
	padding:0px 0 30px 40px;
	margin-bottom:0px;
	background:none;
}
}

@media only screen and (max-width: 320px) {
 [class*='col-'] {
 width: auto;
 float: none;
 margin:10px 0px;
 padding:0 10px;
}
.container {
	width: 99%;
}
.col-1-2 {
	margin-bottom:20px;
	clear:both;
}
.header {
	height:100%;
	padding:10px 0;
}
.mobilemenu {
	visibility: visible;
}
#navmenu {
	visibility:hidden;
	height:0;
	width:0;
}	
.video-size {
	width:100%;
	height:295px;
}

.ani{
margin:10px 0 0px 40px;
width:100%;
}

#learnmore {
	height: auto;
	padding:0px 0 30px 40px;
	margin-bottom:0px;
	background:none;
}
}