/* -------- Develope by Qayam -------------*/

/* #Media Queries
================================================== */
.cont_sps{ display:none;}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 1044px) {
	div.social-text {
		right: 110px;
	}
	.metaslider
	{
		max-width: 100%!important;
	}
.overwrite{ width:100%;padding-left: 25px;}
#logo{margin-left:10px; width:60%;}
#header{ width:100%;}
#top{ width:96%;}
.sioverwrite, .foverwrite, .soverwrite{ margin:0px !important;}
#logo img{ max-width:85% !important;}
.hh1{ font-size:22px;}
.hh3{ font-size:27px;}
#folio-content ul li{ width:32%;}
#home-post-wrap{ width:100%;}
#home-post{ width:100%;}
#desc{ width:160px !important;}
#desc h3{ font-size:18px !important; line-height:18px !important;}
/*#folio-content h3{ padding:0px;}*/
#title{ float:none !important;}
#thumb{ margin:0px !important; overflow:inherit !important;}
.rslides_nav.prev{ display:none;}
#thumb img{ width:100% !important; height:100% !important;}
#main{ margin:0 auto; padding:0px 0px; width:100%;}
.entry-thumbnail img{ max-width:100%;}
#page-main-content{ width:100% !important;}
#title-bg{ padding:30px 10px; height:auto;}
#bread-crumbs{ padding:0 10px;}
#wedding-info{ width:95%;}
#quote{ margin:0 auto !important; width:100% !important; padding:31px 0 0 !important; float:none;}
.sidebar .page-content{ width:100%; padding:0px;}
#wedding-content{ float:none; margin:0px; padding:0px;}
.ngg-albumoverview{ width:95% !important; margin:0 auto;}
.portfolio-title{ margin:0 0 0 20px;}
.ngg-album-compact{ padding:0 0 4px !important;}
#thumb{ width:100% !important;}
#photoshot-gallery h3{ margin:0 10px;}
post-21 h3{ margin:0px 0px 0px 10px;}
.hentry{ margin:0 auto; width:95%;}
#photo-shots{ width:100% !important;}
.review-cmt{ width:100%;}
.cat{ float:left; width:100%; margin:0px 0px 0px 10px !important;}
.review-title{ margin:0px 0px 0px 10px;}
#commentform{ width:100% !important;}
.comment-form{ width:100% !important;}
.entry-meta{ max-width:100% !important;}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info{ max-width:100%;}
.comment-form textarea{ width:82%;}
.sidebar-inner{ margin:0 auto !important; width:95% !important; padding:0px !important;}
.ngg-widget img{ width:73px !important;}
.inner-content{ margin:0 auto; width:95%;}
.cf{ margin:0 auto; width:95%;}
#contact{ margin:0 auto; width:95%;}
#contact-info{ width:300px !important;}
#leave-comment{ float:right !important; width:410px;}
#map{ margin:0 auto; width:98%;}
iframe{ margin:0 auto; width:98%;}

#page-bg{ overflow:visible;}
#rates #rates{ width:100%;}
#additional{ width:100%;}
#price{ width:100%;}
       		 		 		  
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 768px) {
	#navigation:before
	{
		display: none;
	}
.overwrite{ width:100% !important; background:#fff;padding:0;}
.site-header { height:312px; }
.sioverwrite, .foverwrite, .soverwrite{ margin:0px !important;}
#top, #logo{ float:none !important; margin:0px !important; text-align:center; width: 100%; }
#logo img{ max-width:85% !important;}
#top #logo a{ width:auto;}
#book-online{ float:none;}
div.social-text{ margin:0 auto; }
#book-online{ margin:31px auto 0; }
#social-icons{ position: absolute; top: 63px; right: 0px; } 
#sub-footer #social-icons{position: initial;margin-top: 0;
margin-right: 0;}
#navigation #nav-menu { float: none; margin-top: 0px; background: none; }
.sliderholder{ margin-top:0px;}
#navigation{ display:inline-block;}
.nav-menu .sub-menu li{ background:#ee8d1a;}
ul.nav-menu ul a{ width:100% !important; display:block;}
#folio-content{ text-align:center;}
#folio-content h3{ font-size:27px;}
#folio-content ul li{ 
float: left;
margin: 0px auto;
width: 33%;
}
#folio-content ul li.last{ margin:0px auto;}
#thumb img{ max-width:100%;}
#info{ width:100% !important;}
#folio{ height:auto;}
#folio-content ul li #info #read-more{ width:45px;}
#info #read-more a{ height:60px; width:45px; background:url(../images/readmore.png) -5px no-repeat;}
#info #read-more a:hover {background:url(../images/readmore-active.png) -5px no-repeat;}
#folio-content ul li #info #desc{  padding:0px 0px;}

#banner-text-wrap{ position:inherit; margin:0px;}
#home-post-wrap{ width:100%;}
#home-post{ width:100%;}
.metaslider .caption{ width:100%;}
.hh1{ font-size:24px; line-height:32px;}
.caption-wrap{ position:inherit !important;}
.ph{ width:100%; padding:14px 10px 26px 40px;}
.hh3{ line-height:23px;}
.rslides_nav.prev{ display:none !important;}
.metaslider img{ margin:-6px 0 0;}
.hh3{ margin-bottom:-10px;}
#copy{ padding-top:10px !important;}	

#main{ margin:0 auto; padding:0px 0px; width:100%;}
.entry-thumbnail img{ max-width:100%;}
#page-main-content{ width:100% !important;}
#title-bg{ padding:30px 10px;}
#bread-crumbs{ padding:0 10px;}
#wedding-info{ width:100%;}
#quote{ width:95% !important; margin:0px auto !important; padding:0px 0 0 35px !important;}
#wedding-content{ float:none; margin:0px; padding:0px;}
#wedding-navigation{ float:none !important; width:75% !important; text-align:center; margin:0 auto;}
.ngg-album-link img{ max-width:100%;}
.ngg-album-compact{ float:none !important; width:46%; padding:0 12px 4px 16px !important; display:inline-block !important;}
.portfolio-title{ margin:0 0 0 8px !important;}
.ngg-albumoverview{ width:100% !important; margin:0 auto;}

#photo-shot-info{ float:none !important; margin:0 auto; width:95% !important;}
#thumb{ width:100% !important; float:none !important; height:144px !important;}
#folio{ height:auto;}
.hentry{ margin:0 auto; width:95%;}

.coment-md{ float:none; margin:0 auto; width:95%;}
.review_gallery{ width:100%;}
.review-cmt{ width:100%; float:none;}
.cat{ float:none; margin-top:20px; margin-left:10px; width:100%;}
.review-title{ margin-left:10px;}
.sidebar .page-content{ width:100%; padding:0px;}
#nav-menu li a:hover{ color:#000 !important;}

.inner-content{ margin:0 auto; width:95%;}
.cf{ margin:0 auto; width:95%;}
#blog-banner img{ max-width:100%;}
#blog-top{ width:100%;}

#contact{ margin:0 auto; width:95%;}
#contact-info{ width:100% !important; margin:0 0 15px;}
#leave-comment{ float:none !important; width:100% !important;}
#map{ margin:0 auto; width:98%;}
iframe{ margin:0 auto; width:98%;}
.wpcf7-form-control{ width:98% !important;}
#nav-menu li a:hover{ color:#000 !important;}

.metaslider .caption-wrap{ display:none !important;}
#rates{ width:100% !important;}
#page-bg{ overflow:visible;}
#rates #plans, #rates #plans p{ width:100%;}
#rates #rates{ width:100%;}
#additional{ width:100%;}
#price{ width:100%;}

#book-online a { margin:0 auto; } 

.phone-rates { display: block; }

article #thumb { height: auto !important; }

#title-bg #title h1 { font-size: 24px; }

#title-bg { display: inline-block; width: 100%; height: auto; }
																												
}
@media only screen and (max-width: 678px) {
	#folio-content ul li{ 
		float: left;
		margin: 0px auto;
		width: 50%;
	}
}

@media only screen and (max-width: 479px) {
	body .ngg-gallery-thumbnail img {
		margin:0 auto!important;
		width: 60%;
		height: 60%;
		margin-bottom: 10px!important;
	}
	body .ngg-gallery-thumbnail-box
	{
		width: 100%;
	}
	body .ngg-gallery-thumbnail
	{
		float: none;
	}

	#fancybox-wrap {	
		top:0!important;
		left:20px!important;
		right:0!important;
		bottom:0!important;
		position:fixed;
		background:transparent!important;
		padding: 0px!important;
		min-width: 88%!important;
		height: inherit!important;
		font-size:0;
		text-align: center;
	}
	#fancybox-wrap:before {
		content: "";
		height: 100%;
		vertical-align: middle;
		display: inline-block;
	}
	#fancybox-wrap #fancybox-outer {
		width: auto;
		display:inline-block;
		height:inherit;
		vertical-align: middle;;
	}
	#fancybox-content {
		border: none!important;
		width: 100%!important;
		height: inherit!important;
	}
	#fancybox-content #fancybox-img {
		width: 100%;
		height: auto!important;
	}
.overwrite{ width:100% !important; background:#fff;}
.sioverwrite, .foverwrite, .soverwrite{ margin:0px !important;}
#top, #logo{ float:none !important; margin:0px !important; text-align:center;}
#logo img{ max-width:85% !important; padding-top: 10px;}
#top #logo a{ width:auto;}
#book-online{ float:none;}
#book-online{ margin:31px auto 0; }
.sliderholder{ margin-top:0px;}
#navigation{ display:inline-block;}
.nav-menu .sub-menu li{ background:#ee8d1a;}
ul.nav-menu ul a{ width:100% !important; display:block;}
#folio-content{ text-align:center;}
#folio-content h3{ font-size:27px;}
#folio-content ul li{float: none; margin:0px auto; width: 100%; clear:both;}
#folio-content ul li.last{ margin:0px auto;}
#thumb img{ max-width:100%;}
#info{ width:100% !important;}
#folio-content ul li #info #read-more{ width:45px;}
#info #read-more a{ height:60px; width:45px; background:url(../images/readmore.png) -5px no-repeat;}
#info #read-more a:hover {background:url(../images/readmore-active.png) -5px no-repeat;}
#banner-text-wrap{ position:inherit; margin:0px;}
#home-post-wrap{ width:100%;}
#home-post{ width:100%;}
.metaslider .caption{ width: auto;}
.hh1{ font-size:24px; line-height:32px;}
.caption-wrap{ position:inherit !important;}
.ph{ width:100%; padding:0px; background:none; font-size:16px;}
.hh3{ line-height:23px; margin-bottom:-10px; background:none; font-size:16px; padding:0px;}
.rslides_nav.prev{ display:none !important;}
.metaslider img{ margin:-6px 0 0;}
#copy{ padding-top:10px !important;}

#main{ margin:0 auto; padding:0px 0px; width:100%;}
.entry-thumbnail img{ max-width:100%;}
#page-main-content{ width:100% !important;}
#title-bg{ padding:30px 10px;}
#bread-crumbs{ padding:0 10px;}
#wedding-info{ width:100%;}
#quote{ width:95% !important; margin:0px auto !important; padding:0px 0 0 35px !important;}
#wedding-content{ float:none; margin:0px; padding:0px;}
#wedding-navigation{ float:none !important; width:75% !important; text-align:center; margin:0 auto;}
.ngg-album-link img{ max-width:100%;width: 90%;}
.ngg-album-compact{ float:none !important; width: 100%; padding:0 12px 4px 16px !important; display:inline-block !important;}
.portfolio-title{ margin:0 0 0 8px !important;}
.ngg-albumoverview{ width:100% !important; margin:0 auto;}
#thumb img{ max-width:100%;}
#folio-content ul li #info #desc{  padding:0px 0px;}
#photo-shot-info{ float:none !important; margin:0 auto; width:95% !important;}
#thumb{ width:100% !important; float:none !important; height:auto !important;}
#folio{ height:auto;}
.hentry{ margin:0 auto; width:95%;}

.coment-md{ float:none; margin:0 auto; width:95%;}
.review_gallery{ width:100%;}
.review-cmt{ width:100%; float:none;}
.cat{ float:none; margin-top:20px; margin-left:10px; width:100%;}
.review-title{ margin-left:10px;}
.sidebar .page-content{ width:100%; padding:0px;}

.inner-content{ margin:0 auto; width:95%;}
.cf{ margin:0 auto; width:95%;}
#blog-banner img{ max-width:100%;}
#blog-top{ width:100%;}

#contact{ margin:0 auto; width:95%;}
#contact-info{ width:100% !important; margin:0 0 15px;}
#leave-comment{ float:none !important; width:100% !important;}
#map{ margin:0 auto; width:95%;height: 220px;
overflow: hidden;margin-bottom: 10px;}
iframe{ margin:0 auto; width:98%;}
.wpcf7-form-control{ width:98% !important;}
#nav-menu li a:hover{ color:#000 !important;}

.metaslider .caption-wrap{ display:none !important;}
#rates{ width:100%;}
#page-bg{ overflow:visible;}
#rates #plans, #rates #plans p{ width:100%;}
#rates #rates{ width:100%;}
#additional{ width:100%;}
#price{ width:100%;}
}

@media only screen and (max-width: 959px) and (min-width: 770px) {
	#navigation #nav-menu li a {
		padding: 17px 4px 12px;
		font-size: 13px;
}