/* CSS Document */
/* LG */
@media (max-width: 1199px) {
	.post-box li {
	width:calc(50% - 31px);
	}
	.post-box li {/* add back in default margin to all */
	margin-right: 62px;
	}
	.post-box li:nth-child(2n) {
	margin-right: 0px;
	}
}

/* MD */
@media (max-width: 991px) {
	li.presentation-icon:after, li.travel-icon:after,li.email-icon:after, li.audio-icon:after, li.cv-icon:after {
	top:0px;	
}
li.diary-icon:after {
	top:-20px;
}

	
.wpcf7-form input[type=submit] {
    width: 50%;

}
.animated-nav {
		text-align:center;
	}
	ul.nav.logo {
    float: none;
	display:inline-block;
	}
	ul.nav.logo li {
    margin:0;
	}
	ul.nav:not(logo) {
    float: none!important;
	display:block;
	}
	.navbar-nav {
		margin-top:40px;
	}
	#menu-main li:not(:first-child) {
		width:100%;
	display:block;
	padding:0;
	}
	#menu-main li:not(:first-child) a {
		padding:20px;
	}
	section {
  
    top: 76px;
}
.row.as-table {
		padding-right:0!important;
	}
	.animated-nav {
		border-bottom:1px solid #000000;
	}
	#homeCarousel, #homeCarousel .item {
	height: 550px;
}
.content-padding {
	padding-top:20px;
	padding-bottom:20px;
}
}

/* SM */
@media (max-width: 767px) {
	
footer .as-table {
	display:block;
}
footer .as-table-cell {
	display:block;
	float:none;
	text-align:center;
	margin-bottom:15px;
}	
	ul.what-we-do {
	padding-right:100px;
	}
	ul.what-we-do li:after {
		right:-100px;
	}
	li.diary-icon:after {
	
	top:0px;
}
.post-box li.featured-post .post-img, .post-box li.featured-post .post-desc {
	height:auto;
	display:block;
	width:100%;
	}
	.post-box li.featured-post .post-img {
		height:200px;
	}
	.post-box li {
	width:100%;
	display:block;
	margin-right: 0px;
	}
}

/* XS */
@media (max-width: 575px) {
	h1 {
	font-size:30px;
	line-height: 38px;
}

	.wpcf7-form input[type=submit] {
    display: block;
    width: 100%;

    float: none;
}

}

/* CUSTOM */
@media (max-width: 480px), (max-height:700px) {
.slide-msg-box {
    font-size: 24px;

    line-height: 30px;
    
}
}


/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.post-box li {
	width:calc(50% - 31px);
	}
	.post-box li {/* add back in default margin to all */
	margin-right: 62px;
	}
	.post-box li:nth-child(2n) {
	margin-right: 0px;
	}
}

@media (max-device-width:1024px) and (orientation:landscape) {

}