@media screen and (min-width: 1200px) {
	.comment-info {
	    width: 80%;
	}
}

@media screen and (max-width: 1024px) {
	.blog-item.first {
	    width: 45%;
	    margin-right: 5%;
	}

	#menu-trigger {
	    display: inline-block;
	}

	#header ul#menu-main-menu {
		display: none;
	}

	.countdown .number {
		font-size: 50px !important;
	}

	.rsvp-cf7 #rsvp,
	#countdown {
	}

	.friends ul li {
		width: 20%;
	}

	.couples.half {
		width: 100%;
		max-width: 640px;
		float: none;
		margin: 0 auto 40px auto;
	}

	li.menu-item.menu-item-has-children > a:after {
		content: none;
	}
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
	section.main.twitter ul#tweets-updates li .thumbnail {
		width: 80px;
		height: 80px;
	}

	section.main.twitter ul#tweets-updates li.right .tweets-content {
		margin-right: 100px;
	}

	section.main.twitter ul#tweets-updates li .tweets-content {
		margin-left: 100px;
	}
}

@media screen and (max-width: 800px) {
	.container {
		max-width: 95%;
	}

	.timeline:before {
		left: 0;
		margin-left: 2px;
	}

	.timeline ul {
		padding-top: 0;
	}

	.timeline ul li {
		padding: 0 0 40px 40px;
		text-align: left !important;
	}

	.timeline ul > li:nth-child(2) {
		margin-top: 0;
	}

	.timeline ul li.even,
	.timeline ul li.odd {
		float: left;
		width: 100%;
	}

	.timeline .meta {
		text-align: left;
	}

	.timeline ul li.odd:before {
		right: inherit;
		left: 0;
		margin-right: inherit;
		margin-left: -6px;
	}

	.timeline ul li.even:before {
		left: -6px;
	}

	.timeline ul li.odd:hover:before {
		margin-right: inherit;
		margin-left: -10px;
	}

	#logo .name {
		font-size: 28px !important;
	}

	#logo .name span {
		font-size: 18px !important;
		margin-top: 10px;
	}

	#logo .and {
		font-size: 75px !important;
		top: 20px;
	}

	nav.main {
		background: none !important;
		text-align: center;
		margin: 0 auto;
		border: none !important;
	}

	select.menu-mobile {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.page-title {
	}

	#countdown .number {
		font-size: 50px;
	}

	#main {
		margin-top: 0;
	}

	.post-content .thumbnail {
		margin: 0 auto 20px auto;
		float: none;
	}

	.half {
		width: 100%;
	}

	.post-content {
		margin-bottom: 20px;
	}

	ul.posts-grid li,
	.widget.widget-single-accommodation ul li {
		width: 48%;
		margin-right: 4%;
		float: left;
	}

	.galleries .gallery-item:nth-child(3n+3),
	ul.posts-grid li:nth-child(3n+3),
	.home-gift ul.posts-grid li:nth-child(2n+2) {
		margin-right: 2%;
	}

	.galleries .gallery-item:nth-child(2n+2),
	ul.posts-grid li:nth-child(2n+2),
	.widget.widget-single-accommodation ul li:nth-child(2n+2),
	.home-gift ul.posts-grid li:nth-child(4n+4) {
		margin-right: 0;
	}

	.gallery-item {
		width: 48% !important;
		margin: 1% !important;
	}

	ul#grid li .gallery-item {
		width: 100% !important;
	}

	body.single-gallery .gallery-item {
		width: 47% !important;
	}

	.post .gallery-item,
	.hentry .gallery-item,
	body.archive .gallery-item {
		width: 100% !important;
	}

	section.main.twitter ul#tweets-updates li {
		margin-bottom: 40px;
	}

	section.main.twitter ul#tweets-updates li.right .thumbnail {
		float: left;
	}

	section.main.twitter ul#tweets-updates li.right .tweets-content .heading {
		text-align: left;
	}

	section.main.twitter ul#tweets-updates li.right .tweets-content {
		margin-right: 0;
	}

	section.main.twitter ul#tweets-updates li.right .tweets-content {
		margin-left: 140px;
	}

	.gallery-item:nth-child(2n+2) {
	    margin-right: 0;
	}

	section.main.twitter ul#tweets-updates li {
		width: 100%;
		margin-bottom: 100px;
	}

	section.main.twitter ul#tweets-updates li.right {
		margin-bottom: 0;
	}

	.home-rsvp-cf7 #rsvp form {
		width: 90%;
	}

	.addthis_toolbox a label {
		display: none;
	}

	.blog-item, 
	.blog-item.first {
		width: 100%;
		margin: 0 0 7% 0;
	}

	.blog-item.first {
		margin-bottom: 10%;
	}

	#timer .number {
		font-size: 30px !important;
	}

	#footer .container.main {
		padding: 60px 0 10px 0;
	}

	#footer {
		text-align: center;
	}

	#footer .copyright,
	#footer .developer {
		float: none;
		display: block !important;
	}

	nav.main ul.nav {
		display: none;
	}

	nav.mobile {
		display: block;
	}

    .input.text {
        margin-left: 0;
    }

    .post {
    	width: 46%;
    }

    .post .blog-title h2 {
    	font-size: 25px;
    }

    .post .post-icon {
    	font-size: 27px;
    }

    #leftcol,
    #rightcol {
    	float: none;
    	width: 100%;
    	margin-left: 0;
    }

    #rightcol {
    	margin-top: 50px;
    }

    .friends ul li {
    	width: 28%;
    }

	#footer .fa-heart {
		margin-top: -80px;
	}
}

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

	body.admin-bar.logged-in #header,
	body.admin-bar.logged-in #header.fixed,
	body.admin-bar .pswp__top-bar,
	body.admin-bar #mobile-menu {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	body.admin-bar nav.main.fixed  {
		top: 0;
	}
	body.admin-bar.logged-in #header.fixed {
		top: 0;
	}

	.gallery .gallery-item{
		width: 45% !important;
		margin: 0 4% 4% 0;
	}

	#grid .mix {
		width: 48%;
	}

	#grid .mix:nth-child(2n+2) {
		margin-right: 0;
	}

	.friends ul li {
    	width: 44%;
    }

	#rsvp form,
	#rsvp .widget-title {
		float: none;
		width: 90%;
	}

	#rsvp form {
		margin-bottom: 50px;
	}

	body.page-template-page-blog-php .post, 
	body.page-template-page-events-php .type-event {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.home-rsvp-cf7 #rsvp form {
		width: 100%;
	}
	.contact-form form .textarea textarea, 
	.contact-form input, .contact-form select {
		width: 100%;
	}

	.home-gift ul.posts-grid li {
		width: 48%;
		margin-right: 4%;
	}

	.home-gift ul.posts-grid li:nth-child(2n+2) {
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	.timeline ul li {
		padding: 0 0 40px 20px;
	}

	#logo .name {
		font-size: 20px !important;
		line-height: 100%;
	}

	.friends ul li,	
	.widget.widget-single-accommodation ul li {
    	width: 100%;
    	margin: 0 0 20px 0;
    }



	#logo .name span {
		font-size: 12px !important;
		margin-top: 0;
	}

	#logo .and {
		font-size: 40px !important;
		top: 5px;
	}
	
	section.main {
		font-size: .8em;
		margin-bottom: 40px !important;
	}

	.section-heading {
		margin-bottom: 40px !important;
	}

	section.main .couples .thumb,
	section.main .couples .thumbnail {
		width: 100px;
		float: none;
		margin: 0 auto 20px auto;
	}

	.couples .excerpt {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	section.main .couples .thumbnail {
		height: 100px;
	}

	#slideshow {
		height: 300px !important;
	}

	.content-wrapper {
		margin-top: 30px;
	}

	#slideshow .wedding-date {
	    width: 230px;
	    font-size: 13px;
	    border-width: 1px;
	}

	#countdown {
		padding: 40px 0;
	}

	#countdown h2 {
		font-size: 13px;
	}

	#timer .number-container {
		float: left;
		width: 48%;
		margin-right: 3%;
	}

	#timer .number-container:nth-child(2n+2) {
		margin-right: 0;
	}

	#countdown .number {
		width: 42%;
		font-size: 16px;
		margin-right: 2%;
		padding: 10% 30% 10% 25%;
	}

	#countdown .text {
		font-size: 8px;
		position: relative;
		left: -5%;
	}

	.rsvp-cf7 #rsvp form {
		width: 100%;
		padding: 0;
	}

	ul.posts-grid li,
	.gallery .gallery-item {
		float: none;
		width: 46% !important;
		margin: 0 0 30px 0;
	}

	.gallery-item {
		margin: 0 0 10% 0;
	}

	#grid .mix,
	body.single-gallery .gallery-item,
	ul#grid li.mix {
		width: 100% !important;
		margin-right: 0;
		padding: 0;
	}

	.galleries .overlay a {
		width: 30px;
		height: 30px;
	}

	section.main.twitter ul#tweets-updates li .thumbnail {
		float: none !important;
		margin: 0 auto;
	}

	section.main.twitter ul#tweets-updates li.right .tweets-content .heading,
	section.main.twitter ul#tweets-updates li .tweets-content .heading {
		text-align: center;
	}

	section.main.twitter ul#tweets-updates li .tweets-content .heading {
		margin-top: 10px;
	}

	section.main.twitter ul#tweets-updates li .tweets-content,
	section.main.twitter ul#tweets-updates li.right .tweets-content {
		margin-left: 0;
	}

	.gallery-item .overlay a i {
		font-size: 12px;
		padding: 8px;
	}

	.blog-item .thumbnail {
		width: 100%;
	}

	.page-title h1, 
	.section-heading h2 {
		font-size: 28px !important;
	}

	.page-title {
		padding: 30px;
	}

    form div.input.text {
        width: 100% !Important;
    }

    .post {
    	width: 100%;
    }

    .post .blog-title h2 {
    	font-size: 20px;
    }

    .post .post-icon {
    	font-size: 27px;
    }

	.comment-thumbnail {
	    width: 50px;
	    margin-right: 7%;
	}

	.comment-info {
	    float: left;
	    width: 70%;
	}

	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }

}

@media screen and (max-width: 360px) {
	.section-heading h2 {
		font-size: 2.2em !important;
	}

	#countdown .number {
		font-size: 12px !important;
		padding-left: 25%;
		padding-right: 35%;
	}

	.gallery .gallery-item {
		float: none;
		width: 100% !important;
		margin: 0 0 5% 0;
	}

	#rsvp form,
	#rsvp .widget-title {
		width: 80%;
	}

	#countdown .fa-heart {
		left: 40%;
	}

	#mobile-menu {
		width: 260px;
		display: none;
	}

	body.menu-opened header#header {
		left: -260px;
	}
}