/* Responsive Layout ===== ===== ===== */

/* Responsive Layout (width x 1400px) */
@media only screen and (max-width: 1400px) {
	
}
/* Responsive Layout (width x 1200px) */
@media only screen and (max-width: 1200px) {
	.plan-tools-list {
		margin: 0 -5px;
		display: flex;
		flex-wrap: wrap;
	}
	.plan-tools-list li {
		width: 16.66%;
	}
	.filter-form .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.filter-form .row [class*="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}
	.search-filter form .btn {
		padding: 12px 25px;
    }
	.site-header .extra-nav .btn {
		margin-left: 5px;
	}
	.planner-budget-bx {
		width: 100%;
	}
	.wadding-vanues-search .search-results-topbar ul li{
		
	}
	.inner-content-bx p {
		font-size: 16px;
		line-height: 28px;
	}
	.img-bx{
		padding: 10px;
	}
	.side-page-bx li a{
		font-size: 14px;
	    padding: 10px 15px;	
	}
	.plan-tools-list .list-box .title {
		font-size: 14px;
		margin-bottom: 6px;
	}
	.plan-tools-list .list-box {
		padding: 10px;
	}
	.featured-info h5.title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.planning-tools {
		padding: 20px 15px;
	}
	.planning-tools .title {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 500;
		line-height: 28px;
	}
	.planning-tools .icon-bx {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 5px;
	}
	.column-reverse-md{
		flex-direction: column-reverse;
	}
	
	.search-filter.wadding-vanues-filter,
	.map-bx .map-box,
	.map-bx .sticky-top{
		position:unset;
	}
	.wadding-vanues-search .search-results-topbar{
		position: relative;
		top: auto;
	}
	
	.map-box iframe{
		width: 100%;
		height: 300px;
	}
	.wadding-vanues-search .filter-bx{
		z-index: 99;
	}	
}
/* Responsive Layout (width x 991px) */
@media only screen and (max-width: 991px) {
	.plan-tools-bx {
		padding: 15px 0 5px 0;
	}
	.mo-left .navbar-toggler.open:after{
		width:70%;
	}
	.bg-img-sm{
		background-size:40%;
		background-position:right bottom !important;
	}	
	.plan-tools-list li {
		width: 33.33%;
		margin-bottom: 10px;
		flex: 0 0 33.33%;
	}
	.is-fixed .logo-header, 
	.logo-header {
		padding: 14px 0;
		width: 150px;
	}
	.is-fixed .extra-nav, 
	.extra-nav {
		padding: 12px 0;
	}
	.search-filter form .btn {
		padding: 12px 15px;
		font-size: 15px;
		border-radius: 4px;
	}
	.search-filter form .form-control {
		height: 45px;
		padding: 10px 15px;
		border-radius: 4px;
	}
	.site-footer .footer-bottom{
		text-align: center;
	}
	.site-footer .footer-bottom .footer-list{
		float: unset;
		padding-left: 0;
		margin-top: 10px;
	}
	.site-footer .footer-bottom .footer-list li {
		margin: 0 10px;
	}
	.img-bx {
		padding: 10px;
	}
	.side-page-bx li a {
		padding: 12px 20px;
		font-size: 14px;
    }
	.dlab-bnr-inr.dlab-bnr-inr-sm {
		padding-bottom: 80px;
		padding-top: 50px;
	}
	.wedding-filter-search .row [class*="col-"] + [class*="col-"].text-right:last-child{
		text-align:left !important;
		
	}
	.wedding-filter-search .row [class*="col-"] + [class*="col-"]:last-child{
		margin-top: 20px;
	}
	/* .wedding-filter-search.wedding-filter-advice .row [class*="col-"] + [class*="col-"]:last-child{
		margin-top: 0;
	} */
	.wedding-filter-search.planner-filter-advice .float-right{
		float: left!important;
	}
	.planner-budget-select {
		width: 100%;
	}
	.section-head .box-title {
		font-size: 36px;
		line-height: 46px;
	}
	.settings-box {
		width: 100%;
	}
	.section-head .title {
		font-size: 32px;
		line-height: 40px;
	}
	.quote-bx p {
		font-size: 28px;
		line-height: 40px;
	}
	.gift-box .gift-list {
		display: block;
	}
	.gift-list .gift-media img{
		margin: auto;
		display: block;
	}
	.gift-list .gift-media {
		width: 100%;
		min-width: 100%;
		display: block;
		border-bottom: 1px solid #e1e6eb;
		padding: 20px 30px;
	}
	.gift-list .content-box {
		border-left: 0;
	}
	.venue-search-title .box-title {
		width: 100%;
		font-size: 30px;
		line-height: 40px;
	}
	.apps-box .app-info .title, 
	.inspiration-box .title {
		font-size: 30px;
		line-height: 40px;
	}
	.list-5 li {
		width: 25%;
	}
	.planner-shortlist-bx ul li {
		width: 100%;
	}
	.rightsidebar {
		width: 100%;
	}
	.site-footer .widget .widget-title {
		font-size: 16px;
		padding-bottom: 0px;
		margin-bottom: 15px;	
	}
	footer p, footer li {
		font-size: 14px;
		line-height: 16px;
	}
	.footer-top{
		padding: 70px 0 20px;
	}
	.add-guest .modal-dialog {
		max-width: 700px;
	}
	.planner-budget-bx .budget-bx .budget-head .title {
		font-size: 16px;
	}
	.planner-budget-bx ul li{
		padding: 10px 15px;
	}
	.main-budget-head .title {
		line-height: 20px;
		font-size: 16px;
	}
	.date-wizard .modal-dialog{
		max-width:700px;
		padding: 0 15px;
	}
	.search-results .search-content{
		max-width: 300px;
	}
	.counter-bx {
		text-align: center;
		background: rgba(255,255,255,0.1);
		border-radius: 6px;
		border: 1px solid rgba(255,255,255,0.1);
		padding: 30px 30px;
	}
	.enquiries-table .enquiries-footer li.pagination-bx{
		margin-bottom: 0;
	}
	.venue-search-list ul li a {
		padding: 10px;
		font-size: 14px;
	}
	.enquiries-profile {
		margin-bottom: 30px;
	}
}


/* Responsive Layout (width x 767px) */
@media only screen and (max-width: 767px) {
	.mo-left .navbar-toggler.open:after{
		width:100%;
	}
	body{
		font-size: 14px;
	}
	.settings-box form .form-control,
	.form-control {
		height: 40px;
		font-size:13px;
		padding: 10px 10px;
	}
	.btn, 
	.btn-secondry{
		letter-spacing: unset;
		font-weight: 400;
		padding: 10px 15px;		
	}
	.planner-box table tfoot .add-list {
		padding: 10px;
	}
	.add-category {
		padding: 10px;
	}
	.add-category .btn-link {
		font-size: 13px;
	}
	.guest-filter .btn-sm{
		font-size: 12px;
		padding: 10px 15px;
	}
	.search-filter form .form-control {
		height: 40px;
		padding: 10px 15px;
		border-radius: 4px;
		font-size: 12px;
	}
	.search-filter form .btn {
		padding: 10px 15px;
		font-size: 15px;
		border-radius: 4px;
		height: 40px;
	}
	.bootstrap-select .btn,
	.planner-modal-bx form .form-control {
		height: 40px;
		padding: 10px 15px;
		font-size: 13px;
	}
	.bootstrap-select.btn-group .dropdown-toggle .caret {
		top: 14px;
		right: 12px;
	}
	label,
	.add-guest .label-title {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
	}
	.planner-modal-bx .modal-content{
		border-radius: 4px;
	}	
	.wedding-details .wedding-info .wedding-img {
		height: 50px;
		width: 50px;
		min-width: 50px;
		margin: 0 10px;
	}
	.wedding-details .wedding-info .wedding-name {
		font-size: 20px;
		line-height: 24px;
	}
	.column-reverse{
		flex-direction: column-reverse;
	}
	.site-header .extra-nav, 
	.site-header .is-fixed .extra-nav {
		padding: 10px 0;
	}
	.is-fixed .logo-header, 
	.logo-header {
		padding: 12px 0;
		width: 150px;
		max-width: 150px;
		margin-right: 0;
	}
	.filter-form .row [class*="col-"] {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.dlab-bnr-inr.dlab-bnr-inr-sm {
		padding-bottom: 200px;
		padding-top: 100px;
	}
	.widget {
		margin-bottom: 30px;
	}
	.planner-budget-bx .budget-bx .budget-head {
		min-width: 40%;
	}
	.planner-budget-bx .budget-bx .budget-actual, 
	.planner-budget-bx .budget-bx .budget-estimate {
		min-width: 20%;
	}
	.main-budget-head .title ,
	.planner-budget-bx .budget-bx .budget-head .title {
		line-height: 16px;
		font-size: 14px;
	}
	.planner-budget-bx .edit-notes .input-group-append {
		width: 100%;
		margin-top: 10px;
	}
	.planner-budget-select .budget-select-box .input-group {
		width: 100%;
	}
	.inner-content-bx h2.title {
		font-size: 30px;
		line-height: 40px;
	}
	.inner-content-bx h3.title{
		font-size: 24px;
		line-height: 32px;
	}
	.quote-bx p {
		font-size: 24px;
		line-height: 35px;
	}
	.quote-bx span {
		font-size: 22px;
	}
	.venue-search-title .box-title {
		font-size: 24px;
		line-height: 34px;
	}
	.section-head .box-title {
		font-size: 30px;
		line-height: 36px;
	}
	.list-5 li {
		width: 33.33%;
	}
	.wedding-filter-search.wedding-filter-advice .row [class*="col-"] + [class*="col-"]:last-child{
		margin-top: 15px!important;
		text-align: left!important;
	}
	.guest-filter .btn-sm {
		margin: 0 5px 5px 0;
	}

	.planner-box .table td, 
	.planner-box .table th, 
	.planner-box .table thead th{
		    padding: 6px 10px 6px;
	}
	.guest-rsvp a, 
	.guest-edit-icon a {
		color: #afafaf;
		font-size: 16px;
		padding: 0px 0px 0 2px;
	}
	.footer-top {
		padding: 40px 0 20px;
	}
	.site-footer .widget {
		margin-bottom: 20px;
	}
	.search-filter.style1{
		border-radius: 10px;
		padding: 15px 0px;
	    margin-bottom: 40px;	
	}
	.venue-search-list-title {
		margin: 0 auto 20px;
	}
	.home-banner .title{
		font-size: 40px;
		line-height: 55px;
		margin: 0 auto 30px;	
	}
	.home-banner .icon-bx {
		margin-bottom: 20px;
	}	
	.dlab-bnr-inr.dlab-bnr-inr-sm.home-banner {
		padding-top: 120px;
		padding-bottom: 100px;
	}
	.expert-advice .section-head .box-title{
		font-size: 30px;
		font-weight: 500;
		line-height: 40px;
	    margin-bottom: 5px;	
	}
	.expert-advice .section-head p{
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.expert-advice .section-head {
		margin-bottom: 40px;
	}
	.section-head .box-title {
		font-size: 26px;
		line-height: 36px;
	    margin-bottom: 5px;	
	}
	.section-head p{
		font-size: 15px;
		line-height: 26px;
	}
	.wedding-filter-advice form .form-control {
		height: 40px;
		margin-right: 5px;
	}
	.wedding-filter-search .title{
		font-size: 20px;
	}
	.bg-img-sm{
		background-size:40%;
	}	
	.checklist-select-date .select-date-box .input-group .btn {
		border-radius: 0 8px 8px 0;
		font-size: 18px;
		padding: 5px 15px;
	}
	.calendar-bx.btn-select .btn{
		padding: 5px;
	}
	.settings-box{
		padding:15px;
		border-radius: 4px;	
	}
	.save-email button.btn{
		height:40px;
	}
	.wadding-vanues-search .wadding-vanues-list {
		padding: 15px;
	}
	.enquiries-table .enquiries-footer li.pagination-bx li .form-control {
		height: 25px;
		padding: 12px;
		margin: 0 8px;
	}
	.search-filter.style1 .filter-form .d-flex{
		display: unset!important;
	}
	.venue-search-list{
		margin-bottom: 10px;
	}
	.venue-search-list > div:nth-child(2){
		border-right: 0;
	}
	.inner-banner {
		padding: 0px 0 50px;
		height: 320px;
	}
	.modal-dialog{
		margin: 0 10px;
	}
}
/* Responsive Layout (width x 576px) */
@media only screen and (max-width: 576px) {
	.app-info img{
		width:130px;
	}
	.apps-box .app-info p{
		font-size: 15px;
		font-weight: 300;
		line-height: 26px;
	}
	.plan-tools-list li {
		width: 50%;
	    flex: 0 0 50%;	
	}
	.plan-tools-list .list-box .title {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.plan-tools-list .list-box p {
		font-size: 12px;
		line-height: 14px;
	}
	.wedding-location {
		padding: 15px 20px;
		width: 300px;
		margin: 20px auto 0;
	}
	.wedding-details .wedding-info .wedding-name {
		font-size: 16px;
		line-height: 20px;
	}
	.wedding-details .wedding-heart i,
	.wedding-heart:before, 
	.wedding-heart:after {
		font-size: 20px;
		line-height: 20px;
	}
	.wedding-details .wedding-info .wedding-img {
		height: 40px;
		width: 40px;
		min-width: 40px;
		margin: 0 7px;
	}
	.wedding-location .location-name {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.wedding-location .location-info {
		font-size: 14px!important;
	}
	.inner-content-bx strong, 
	.inner-content-bx a:not(.btn) {
		font-size: 14px;
	}
	.inner-content-bx h2.title{
		font-size: 24px;
		line-height: 30px;
	}
	.inner-content-bx h3.title{
		font-size: 20px;
		line-height: 26px;
	}
	.site-header .extra-nav .btn span{
		display: none;
	}
	.dlab-bnr-inr.dlab-bnr-inr-sm, .inner-banner {
		padding-top: 100px;
		padding-bottom: 150px;
	}
	.search-filter {
		padding: 10px 0;
	}
	.wedding-filter-search {
		padding: 30px 0;
	}
	.planner-budget-bx .budget-bx {
		flex-wrap: wrap;
	}
	.planner-budget-bx .budget-bx .budget-head{
		min-width: 100%;
		margin-bottom: 15px;
	}
	.planner-budget-bx .budget-bx .budget-actual, 
	.planner-budget-bx .budget-bx .budget-estimate{
		min-width: 50%;
	}
	.planner-budget-bx .budget-bx .budget-actual{
		margin-bottom: 0!important;
	}
	.planner-budget-bx .edit-notes .form-control {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.planner-budget-bx .budget-bx .budget-actual, 
	.planner-budget-bx .budget-bx .budget-estimate {
		min-width: 42.5%;
		margin-bottom: 5px;
		flex: 0 0 42.5%;
	}
	.planner-box .budget-bx .edit-icon{
		min-width: 15%;
		flex: 0 0 15%;
	}
	.planner-box .edit-icon a {
		margin: 0 0px 0 2px;
	}
	
	.planner-budget-bx .edit-notes .input-group-append {
		margin-top: 0;
	}
	.planner-budget-select .budget-select-box .title {
		font-size: 18px;
		line-height: 24px;
	}
	.planner-budget-select .budget-select-box form h5 {
		font-size: 16px;
		margin: 10px 0;
	}
	.planner-budget-select .budget-select-box .select-list li {
		width: 100%;
	}
	.section-head .box-title {
		font-size: 24px;
		line-height: 34px;
	}
	.scrapbook-bx img {
		width: 80px;
	}
	.scrapbook-bx {
		max-width: 100%;
		padding: 0px 0 0px 100px;
	}
	.scrapbook-bx .title {
		font-size: 22px;
		margin-bottom: 5px;
		line-height: 30px;
	}
	p,
	.scrapbook-bx p,
	.scrapbook-note p,
	.inspiration-box p,
	.wedding-planning-bx p,
	.inner-content-bx p,
	.inner-content-bx .list-check li,
	.planner-video p{
		font-size: 14px;
		line-height: 24px;
	}
	.scrapbook-note .title {
		font-size: 18px;
	}
	.settings-box .save-email .form-control{
		margin-bottom: 10px;
	}
	.wedding-planning-bx .title {
		font-size: 22px;
		line-height: 30px;
	}
	.wedding-planning-bx span {
		font-size: 12px;
	}
	.wedding-planning-bx {
		height: 200px;
	}
	.section-head .title {
		font-size: 24px;
		line-height: 30px;
	}
	.quote-bx p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.quote-bx span {
		font-size: 16px;
	}
	.gift-list .content-box .title {
		font-size: 18px;
		line-height: 24px;
	}
	.tag-list li {
		font-size: 13px;
	}
	.gift-list .content-box {
		padding: 20px;
	}
	.venue-search-title .box-title{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.expert-advice-list li:after {
		line-height: 40px;
		font-size: 14px;
		height: 40px;
		width: 40px;
    }
	.expert-advice-list li {
		font-size: 14px;
		line-height: 24px;
		padding: 0 0 20px 55px;
	}
	.apps-box .app-info .title, 
	.inspiration-box .title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.planner-video h2.title {
		font-size: 24px;
		line-height: 34px;
    }
	.section-head p {
		font-size: 16px;
	}
	.list-5 li {
		width: 50%;
	}
	.planner-shortlist-bx ul li .shortlist .shortlist-name-icon {
		font-size: 24px;
		height: 60px;
		width: 60px;
		line-height: 60px;
	}
	.planner-shortlist-bx ul li .shortlist {
		padding: 5px 15px 5px 70px;
		height: 60px;
	}
	.planner-shortlist-bx ul li .shortlist.shortlist-done, 
	.planner-shortlist-bx ul li .shortlist.shortlist-add {
		border-width: 0 0 0 3px;
	}
	.planner-shortlist-bx ul li .shortlist .shortlist-name {
		font-size: 14px;
		line-height: 20px;
	}
	.checklist-box > ul > li {
		padding: 15px;
	}
	.checkbox-lg input[type=checkbox] + label:before, 
	.checkbox-lg input[type=radio] + label:before {
		height: 20px;
		width: 20px;
		border-radius: 4px;
	}
	.custom-control.checkbox-lg {
		padding-left: 30px;
		line-height: 24px;
		font-size: 14px;
	}
	.checklist-box ul li .rightopen {
		font-size: 16px;
		width: 90px;
		align-self: center;
		text-align: right;
	}
	.checklist-box ul li.add-check-list .input-group-append{
		margin-top: 10px;
	}
	.rightsidebar .checklist-box ul li.add-check-list .input-group-append{
		margin-top: 0;
	}
	.wedding-services .content-bx .title{
		font-size: 14px;
	}
	.wedding-services {
		padding: 15px 10px;
	}
	.wedding-services .icon-bx {
		height: 50px;
		width: 50px;
	}
	.wedding-services .content-bx .title{
		margin-top: 5px;
	}
	.form-accordion.details-accordion .card-header a,
	.details-title{
		padding: 10px 15px;
		margin-bottom: 15px;
		font-size: 16px;
	    border-radius: 4px;	
	}
	.form-accordion.details-accordion .card-header a:after {
		top: 10px;
		right: 15px;
		font-size: 20px;
	}
	.widget_gallery.gallery-grid-8 li {
		width: 20%;
	}
	.form-accordion .card-body {
		padding: 10px 0px 0 0;
	}
	
	.checkbox-lg .custom-control-label:after{
		height: 20px;
		width: 20px;
	}
	.wedding-venues-details .venues-sidebar-info .vender-profile-list,
	.wedding-venues-details .venues-sidebar-info .text-message {
		padding: 15px 15px;
	}
	.date-wizard .modal-dialog{
		padding: 0 0;
	}
	.date-wizard .modal-header{
		padding: 15px 15px;
	}
	.date-wizard .modal-header .title{
		margin-bottom:5px;
	}
	.nav-tabs.step-anchor li a{
		padding: 10px 10px;
		font-size: 13px;
	}
	.seclect-box .seclect-area{
		flex: 0 0 100%;
		width: 100%;
		padding: 0 15px;
	}
	.seclect-area{
		margin-bottom:10px;
	}
	.seclect-box {
		display: flex;
		flex-wrap: wrap;
	}
	.date-wizard .sw-container {
		padding: 0 0px 15px 0;
	}
	.seclect-box .title {
		margin-bottom: 10px;
		font-size: 15px;
		font-weight: 500;
	}
	.select-option .bootstrap-select .dropdown-toggle{
		padding: 10px 15px;
		height: 40px;
		font-size: 14px;
		border-radius: 4px;
	}
	.select-option .bootstrap-select.btn-group .dropdown-toggle .caret {
		right: 15px;
		top: 14px;
	}
	
	.add-tast{
		display:block;
	}
	.add-tast .btn{
		width:100%;
	    display: block;
		border-radius:4px;
	}
	.add-tast .select-group,
	.add-tast .form-control{
		width:100%;
	    display: block;	
		margin-right:0;
		margin-bottom:10px;
	}
	.subtasks-box .category-contact,
	.subtasks-check {
		padding: 15px;
	}
	.subtasks-box .tasks-btn a{
		margin: 0 10px;
	}
	
	.search-results .btn-link,
	.search-results .search-content{
		max-width:100%;
		flex:0 0 100%;
		margin-bottom:10px;
	}
	.search-results .bootstrap-select{
		flex:0 0 60%;
	}
	.search-results .btn {
		flex:0 0 40%;
	}
	.search-results-topbar{
		padding: 10px 15px;
	}
	.search-results-topbar .search-results{
		flex-wrap: wrap;
	}
	.wadding-vanues-search .filter-bx{
		padding: 20px 15px;
	}
	.counter-bx p {
		font-size: 16px;
		padding-top: 10px;
		line-height: 26px;
    }
	.counter-bx .counter {
		font-size: 45px;
		line-height: 50px;
	}
	.counter-bx span {
		font-size: 12px;
		padding: 6px 18px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.imageuploadify{
		padding: 0 15px!important;
	}
	.business-profile-settings .title-head {
		display: block;
	}
}
/* Site Filters */
.site-filters li a {
    display: inline-block;
}