/*
@Theme: Wedding
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

Media Queries for different screen
*/

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.cd-timeline-content .discription {
	padding: 25px 22px 0 34px;
}
.cd-timeline-content .discription.style2 {
	padding: 53px 50px;
}
.cd-timeline-img {
	text-align: center;
}
.photo-timeline.date-img {
	text-align: left;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.countdown-style2 {
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #333333 40%, #333333 40%, #333333 40%, #333333 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(left, #333333 40%, #333333 40%, #333333 40%, #333333 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #333333 40%, #333333 40%, #333333 40%, #333333 100%) repeat scroll 0 0;
}
.heart {
	margin: 20% 0;
}
.other-best-man-woman li {
	display: inline-block;
	width: 28%;
}
.cd-timeline-img {
	text-align: center;
}
.discription {
	margin-top: 20px;
}
.separator-border {
	min-height: 215px;
	margin-bottom: 30px;
}
.our-loaction-body {
	position: inherit;
}
.box-content {
	margin: 20px 0;
}
.icon-box {
	margin: 0 auto;
	position: relative;
	right: 0;
}
.photo-timeline.date-img {
	text-align: left;
}
#event .wedding-area {
	padding-bottom: 0;
	padding-top: 60px;
	height: 100%;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#event .wedding-area h2 {
	font-size: 32px;
}
#event .wedding-area h4 {
	font-size: 20px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 481px) {
.wedding-frame::after, .wedding-frame::before {
	display: none;
}
#home h1 {
	font-size: 28px;
}
#home h4 {
	font-size: 20px;
}
.countdown {
	margin-left: -40px;
	margin-top: 0;
}
#home .wedding-frame {
	height: auto;
}
#event .wedding-area {
	padding-top: 0;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 329px) {
}