/* Responsive Devices */


@media (min-width: 1200px) {
	/* Main Menu */
	#main-menu.collapse { display: block; visibility: visible;}
	
}
/* Large devices (large desktops, max 1200px ) */
@media (max-width: 1200px) {
	/* Main Menu */
	#main-menu { width: 100%;}

	/* Social  */
	.social { margin-right: 0; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and ( max-width: 1200px) {
	/* Event Boxes */
	.event-btn { left: 32px;}
	.event-btn a { padding: 5px;}


	/* Wedding Pros */
	.cat-wrapper .cat-link { font-size: 12px;}
	
	
	
}

@media (max-width: 992px) {
	/* Responsive Menu */
	#main-menu ul li { width: 100%; margin-bottom: 1px;}
	.nav {margin-top: 15px; display: inline-block; margin-bottom: -5px; width: 100%;}	


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) { 
	
	/* Event Boxes */
	.event-btn a { padding: 5px; margin-right: 0 !important}
	.event-btn { left: 30px;}

	/* Partners */
	.partners {padding: 30px 0;}
	.partners h4 { margin-bottom: 20px;}
	.partners ul { text-align: center; margin-top: 30px;}
	.partners ul li { display: inline-block; margin-right: 70px; margin-bottom: 0;}
	.partners ul li:last-child { margin-right: 0;}


	/* Wedding Pros Page */
	.cat-filters .filter-item { padding: 0 44px;}
	.cat-wrapper .cat-link { font-size: 11px;}


	#portfolio-filters .filter-item { padding: 0 40px;}
	.portfolio-wrapper .portfolio-item { width: 31%;}
	.portfolio-wrapper .portfolio-item .item p { font-size: 13px;}

	/* Contact Page */
	#about h3 { text-align: center;}
	#about p { text-align: left;}
}

/* Extra small devices (Phones) */
/* Max Width 768px */
@media (max-width: 767px) {
	/* Slideshow */
	.tp-simpleresponsive .tp-caption { left: 25% !important; top: 5% !important;}
	.tp-leftarrow.default, .tp-rightarrow.default { width: 50px;  height: 50px;}
	.tp-leftarrow.default::before, .tp-rightarrow.default::before { line-height: 50px;}

	.caption-slide1 h2 { font-size: 20px; line-height: 25px;}

	/* Logo */
	#logo img { width: 200px; padding-top: 13px;}
	
	/* Partners */
	.partners {padding: 20px 0 0;}
	
	/* Event Boxes */
	.event-box { margin-bottom: 50px;}
	.event-box.third { margin-bottom: 10px;}

	
	/* Partners */
	.partners ul { margin-top: 30px;}
	.partners ul li:last-child { margin-bottom: 0;}

	/* Home Page 2 */
	.border-home2 { margin-bottom: 25px;}

	/* Tickets */
	.dropdown .btn-default { margin-bottom: 15px;}
	p.exp { text-align: left;}
	.ticket-forms .pull-right { float: left !important;}
	.tickets-dropdown { margin-bottom: 0;}

	/* Wedding Pros Page */
	.sorting-form { float: none !important; margin-bottom: 25px;}
	.cat-wrapper .cat-item { width: 100%;}
	.cat-filters li { display: block; margin-right: 0;}
	.cat-filters .filter-item { width: 100%; display: block;}
	.cat-wrapper .cat-link { font-size: 11px;}
	
	#portfolio-filters .filter-item { width: 100%;}
	.portfolio-wrapper .portfolio-item { width: 100%; margin-bottom: 0;}
	.portfolio-wrapper .portfolio-item .item { margin-bottom: 15px;}
	.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 12px;
    margin-right: -7px;
}
.nav > li > a {
    display: block;
    padding: 10px 6px !important;
    position: relative;
    font-size: 14px;
}

	/* Breadcrumb */
	#breadcrumb p { text-align:center;}


	/* Contact Page */
	#about h3 { text-align: center;}
	#about p { text-align: left;}
}


@media (max-width: 320px) {
	/* Logo */
	#logo img { width: 145px; padding-top: 13px;}
	/* Slideshow */
	.tp-leftarrow.default, .tp-rightarrow.default { display: none;}
	.tp-simpleresponsive .tp-caption { left: 10% !important;}
	.tp-caption h2 { font-size: 16px; line-height: 20px;}
	.tp-caption p { font-size: 12px; margin-bottom: 5px;}
	.caption-slide1 b {font-size: 10px; line-height: 13px;}
	.tp-bullets { display: none;}

	/* Breadcrumb */
	#breadcrumb { background: url(../images/breadcrumb.jpg) no-repeat 62% 50%;}
	#breadcrumb h2 { font-size: 20px;}
	#breadcrumb p { font-size: 12px; text-align:center;}
}

