/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container                                  { width: 1310px; margin: 0 auto; padding: 0; }



/* #Additional - Large Screens beyond 1280px
================================================== */
/* Note: Design for a width of 1280px */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {

.container                                  { width: 1310px; }

.list-type li 								{ width: 16%; }
.services_section .box_cnt .white_box 		{ left: 50px; }

.review_sec .bx-wrapper .bx-prev			{ left: 0px; }
.review_sec .bx-wrapper .bx-next			{ right: 0px; }
.faq_sec .list_faq							{ margin-bottom: 15px; min-height: 240px; }

}



/* #Additional - Large Screens beyond 1024px
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width: 959px) and (max-width: 1330px) {

.container									{ width: 960px; }

#header .top_right							{ width: 70%; }
.menu_box ul.menu li 						{ padding: 0 2.9px; }
.menu_box ul.menu li a						{ font-size: 12px; }
#slider .owl-carousel .owl-item img 		{ min-height: 600px; }
#slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px; position: absolute; bottom: 50px; width: 100%; }
#slider .caption h1 						{ font-size: 35px; line-height: 45px; }
#slider .caption p							{ font-size: 16px; }
.list-type li 								{ width: 21%; }
.min_section .content h1 					{ font-size: 35px; line-height: 45px; }
.playground_section .content h1				{ font-size: 35px; line-height: 45px; }
.services_section							{ min-height: 675px; }
.services_section .box_cnt .white_box 		{ width: 375px; padding: 15px; left: 50px; }
.services_section .box_cnt .white_box p 	{ min-height: 130px; }
.package_section h1							{ font-size: 35px; line-height: 45px; }
.package_section .content .clm_box .cont_box h2 { font-size: 25px; line-height:35px; }
.package_section .content .clm_box .cont_box .text-amount { font-size: 16px; }
.btm_reviews .btm_logo 						{ padding: 0px 30px;}
.btm_reviews .btm_logo img 					{ width: 100%; height: auto; }
.theknot h2                                 { font-size: 35px; line-height: 45px; }
.theknot img                                { width: 50%; }
.footer_section .ftr_menu ul li				{ font-size: 12px; }
.footer_section .ftr_contact ul li			{ font-size: 12px; }
.footer_section .ftr_contact ul li:before	{ font-size: 14px; }
.footer_bottom .copy_text					{ font-size: 12px; line-height: 22px; }
.footer_bottom .ftr_social span				{ width: auto; }
.footer_bottom .ftr_social ul li			{ width: auto; font-size: 12px; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }
#inner_banner								{ height: 250px; }
#inner_banner .caption h2					{ font-size: 46px; line-height: 46px; }

.faq_sec .list_faq							{ margin-bottom: 15px; min-height: 240px; }
.green_btn									{ padding: 10px 15px; }
.black_btn									{ padding: 10px 15px; }
.green_btn									{ padding: 10px 15px; }

/*----- Portfolio Page -----*/
.photos_box                                 { margin-top: 0px; }
.photos_box .thumbnail a                    { height: 135px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.container									{ width: 738px; }

.header-divider.stiky						{ height: 134px; }
#header										{ top: 0px; }
#header .logo 								{ width: 240px; margin-top: 10px; }
#header .top_right							{ width: 65%; }
#header.stiky .top_right .language			{ padding-top: 29px; }
#header.stiky .top_right .phone				{ padding-top: 20px; }
.menu_box									{ display: none; }
.menu_box2 									{ display: block; padding-top: 20px; }
.dl-menuwrapper								{ width: 300px; }
#slider .owl-carousel .owl-item img 		{ min-height: 450px; }
#slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px; position: absolute; bottom: 30px; width: 100%; }
#slider .caption h1							{ font-size: 30px; line-height:40px; }
#slider .caption p							{ font-size: 16px; line-height: 26px; }
.list-type li								{ width: 24%; }
.list-type li .title						{ font-size: 13px; }
.min_section								{ padding-top: 30px; }
.min_section .image .readmore				{ padding: 10px 30px; }
.min_section .content h1					{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.min_section .content .readmore				{ padding: 10px 30px; }
.playground_section							{ padding-bottom: 30px; }
.playground_section .image .readmore		{ padding: 10px 30px; }
.playground_section .content h1				{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.playground_section .content .readmore		{ padding: 10px 30px; }
.services_section							{ min-height: 535px; padding-bottom: 30px; padding-top: 30px; }
.services_section .box_cnt .white_box		{ width: 300px; min-height: 281px; padding: 10px; left: 25px; bottom: -220px; }
.services_section .box_cnt .white_box h1	{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }	
.services_section .box_cnt .white_box p 	{ min-height: 150px; }
.services_section .box_cnt .white_box .readmore { padding: 10px 30px; }
.package_section							{ padding-bottom: 30px; padding-top: 30px; }
.package_section h1							{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.package_section .content .clm_box			{ margin-bottom: 30px; }
.map_section iframe 						{ width: 100%; min-height: 350px; }
.btm_reviews 								{ padding-top: 30px; padding-bottom: 30px; }
.btm_reviews .btm_logo						{ padding: 0px 0px; }
.btm_reviews .btm_logo img					{ width: 100%; }
.btm_reviews .facebook_review iframe		{ width: 223px; }
.theknot                                    { margin-top: 10px; padding-top: 30px; padding-bottom: 30px; }
.theknot h2                                 { font-size: 30px; line-height: 35px; }
.theknot img                                { width: 50%; }
.footer_section								{ padding-top: 30px; }
.footer_section [class*="col-"]				{ clear: right; padding-bottom: 10px; }
.footer_bottom .copy_text					{ padding-bottom: 10px; text-align:center; line-height:25px; }
.footer_bottom .ftr_social					{ text-align:center; }
.footer_bottom .ftr_social span 			{ display: inline-block; text-align: center; width: 100%;  padding-top: 0px;}

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }
#inner_banner								{ height: 250px; }
#inner_banner .caption h1					{ font-size: 36px; line-height: 36px; }
.inner_section h1							{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
.inner_section .content h3					{ margin: 0 0 10px 0; font-size: 20px; line-height: 30px; }

.review_sec .bx-wrapper .bx-prev			{ left: 0px; }
.review_sec .bx-wrapper .bx-next			{ right: 0px; }
.faq_sec .list_faq							{ margin-bottom: 15px; min-height: 295px; }
.green_btn									{ padding: 10px 15px; }
.black_btn									{ padding: 10px 15px; }
.green_btn									{ padding: 10px 15px; }

/*----- Portfolio Page -----*/
.photos_box                                 { margin-top: 0px; }
.photos_box .thumbnail a                    { height: 100px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

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

.container									{ width: auto; margin: 0 15px; }

.header-divider.stiky						{ height: 150px; }
#header										{ top: 0px; }
#header .logo								{ width: 220px; }
#header .top_right							{ width: 100%;}
#header .top_right .hdr_links               { float: left; text-align: left; }
#header .top_right .hdr_links ul            { display: inline-block; }
#header .top_right .hdr_links ul li a       { font-size: 10px; }
#header .top_right .language				{ display: none; }
#header .top_right .phone					{ /*display: none;*/ width: 100%; padding-bottom: 0px; z-index: 98; padding-top: 10px; }
#header .top_right .phone a 				{ width: 100%; }
.dl-menuwrapper button 						{ margin-top: 0px; margin-left: 15px; }
#header.stiky .logo 						{ width: 160px; }
.menu_box									{ display: none; }
.menu_box2 									{ display: block; position: absolute; right: 7px; top: 0px; width: 300px; }
.dl-menuwrapper								{ width: 300px; margin-top: 0px; }
#slider .owl-carousel .owl-item img  		{ min-height: 250px; }
#slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px; position: absolute; bottom: 30px; width: 100%; }
#slider .caption h1							{ font-size: 25px; line-height:35px; }
#slider .caption p							{ font-size: 16px; line-height: 26px; }
.list-type									{ display: none;}
.min_section								{ padding-top: 30px;  }
.min_section .image .readmore				{ padding: 5px 20px; font-size: 14px; }
.min_section .content						{ padding-top: 0px;  padding-bottom: 30px; }
.min_section .content h1					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.min_section .content .readmore				{ padding: 5px 20px; font-size: 14px; }
.playground_section							{ padding-bottom: 30px;  }
.playground_section .image .readmore		{ padding: 5px 20px; font-size: 14px; }
.playground_section .content h1				{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.playground_section .content .readmore		{ padding: 5px 20px; font-size: 14px; }
.services_section							{ min-height: auto; padding-top: 30px; padding-bottom: 30px; }
.services_section .box_cnt					{ min-height: 550px; margin-bottom: 0px; }
.services_section .box_cnt .white_box		{ width: 90%; bottom: 50px; left: 18px; }
.services_section .box_cnt .white_box h1	{ font-size: 25px; margin: 0 0 10px 0; }
.services_section .box_cnt .white_box p 	{ min-height: auto; }
.package_section							{ padding-top: 30px;  padding-bottom: 30px; }
.package_section h1							{ margin: 0 0 10px 0; font-size: 25px; line-height:35px; }
.package_section .content .clm_box			{ margin-bottom: 30px; }
.package_section .content .clm_box .cont_box h2 { font-size: 25px; line-height:35px; }
.map_section iframe 						{ width: 100%; min-height: 350px; }
.btm_reviews .btm_logo						{ padding: 30px 0px; }
.btm_reviews .btm_logo img 					{ width:100%; height:auto; }
.theknot                                    { margin-top: 10px; padding-top: 30px; padding-bottom: 30px; }
.theknot h2                                 { font-size: 27px; line-height: 35px; }
.theknot img                                { width: 50%; }
.footer_section [class*="col-"]				{ padding-bottom: 10px; }
.footer_section .ftr_menu ul				{ width: 100%; }
.footer_bottom .copy_text					{ padding-bottom: 10px; text-align:center; line-height: 25px;}
.footer_bottom .ftr_social span				{ width: 100%; padding-bottom: 10px; text-align:center; line-height:20px; }
.footer_bottom .ftr_social					{ text-align:center;  }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }
#inner_banner								{ height: 250px; }
#inner_banner .caption h1					{ font-size: 30px; line-height: 30px; }
.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h1							{ font-size: 30px; line-height: 35px; }
.inner_section .content h3 					{ font-size: 25px; line-height: 35px;}
.inner_section .content .green_btn			{ margin-right: 0px; }
.inner_section .content .black_btn			{ margin-right: 0px; }
.inner_section .content .green_btn			{ margin-right: 0px; }

.review_sec .bx-wrapper .bx-prev			{ left: 0px; }
.review_sec .bx-wrapper .bx-next			{ right: 0px; }
.faq_sec .list_faq 							{ margin-bottom: 20px; min-height: auto; }

/*----- Portfolio Page -----*/
.photos_box                                 { margin-top: 0px; }
.photos_box .thumbnail a                    { height: 110px; }

/*------------------------- book-your-dream-wedding-NH Page -----------------*/
.wedding-form .form-group.half              { width: 100%; }
.wedding-form .form-group.shorter           { width: 100%; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container	{ /*width: 420px;*/ width: auto; margin: 0 15px; }

#slider 									{ min-height: 300px; }
#slider > img								{ width: 100%; margin-left: 0%; }
.services_section .box_cnt .white_box 		{ width: 93%; }
.btm_reviews .btm_logo						{ padding: 30px 150px; }

.inner_section .content .green_btn			{ margin-bottom: 0px; margin-right: 15px; }
.inner_section .content .black_btn			{ margin-bottom: 0px; margin-right: 15px; }
.inner_section .content .green_btn			{ margin-bottom: 0px; margin-right: 15px; }

}



/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }