/*
	Site Name: 
	URI: http:
	Description: This is the responsive css for 
	Version: 2.0
	Author: Amal-Techware Solution
	Author URI:
	Tags:

	---------------------------
	CUSTOM STYLES
	---------------------------

	TABLE OF CONTENTS
	---------------------------
	01.0 Smartphones (portrait and landscape)
	02.0 Smartphones (landscape)
	03.0 Smartphones (portrait)
	04.0 iPads (portrait and landscape)
	05.0 iPads (landscape)
	06.0 iPads (portrait)
	07.0 Desktops and laptops
	08.0 Large screens
	09.0 iPhone 4
	10.0 iPhone 5
	11.0 iPhone 6
	12.0 iPhone 6+
	13.0 Samsung Galaxy S3
	14.0 Samsung Galaxy S4
	15.0 Samsung Galaxy S5


*/


/* 01. Smartphones (portrait and landscape) ----------- */

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

//scss for footer
.footer_overlay{
	.footer_content{
		.row{
			display: block !important;
		}
	}
}
//scss for home.html
.m_home_banner{
	background-size: cover !important;
	.container{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}
.m_home_banner2{
	.row{
		display: block !important;
		text-align: center !important;
		.banner2_overlay1{
			max-width: 100% !important;
			img{
				height: 300px !important;
			}
		}
		.banner2_overlay2{
			max-width: 100% !important;
			background-size: cover !important;
			.b2_over2_Contents{
				padding: 20px 0px 20px 0px !important;
				.row{
					.col{
						max-width: 100% !important;
						padding-bottom: 15px !important;
					}
				}
				.get_started{
					padding-top: 15px !important;
				}
				.logo_block{
					.logo_inline{
						padding-left: 10px !important;
						width: 150px !important;
					}
				}
			}
		}
	}
}
.why_moments{
	.why_moments_head{
		margin: 5px !important;
	}
}
 //scss for review_slide
 .review_slide{
	.row{
	 ngx-slick-carousel{
	   .slide_content{
		 ul{
		   li{
			   .review_main{
				   .review_main_text{
					   p{
						 width: 300px !important;
					   }
				   }
			   }
		   }
	   }
	   }
	 }
	}
  }
   //scss for loginaccount
   .loginaccount_overlay{
	.loginaccount_overlay1{
		.container{
			.row{
				.date_details{
					.row{
						.date_details1{
							text-align: left !important;
						}
						.date_details2{
							text-align: right !important;
						}
					}
				}
				.last_sent{
					padding-bottom: 40px !important;
				}
			}
		}
	}
	.loginaccount_overlay2{
		.container{
			ul{
				text-align: center !important;
				li{
					margin-right: 0px !important;
					padding: 5px !important;
				}
			}
			.input_box{
				.input_cont{
					input{
						padding-left: 5px !important;
					}
				}
			}
		}
	}
	.loginaccount_overlay3{
		.container{
			.row{
				.both_col{
					width: 50% !important;
				}
			}
		}
	}
	.loginaccount_overlay4{
		.container{
			.tab-content{
				.tab-pane{
					ul{
						li{
							padding-right: 0px !important;
							padding-bottom: 20px !important;
							.tab_img{
								width: 100% !important;
							}
						}
					}
				}
			}
			.view_all{
				padding-top: 0px !important;
			}
		}
	}
	.loginaccount_overlay5{
		.container{
			ul{
				li{
					padding-left: 0px !important;
					width: 100% !important;
				}
			}
		}
	}
}
//navbar scss
nav{
	height: auto !important;
	.navbar-collapse{

		
		ul{
			flex-direction: block !important;
			width: 300px;
			
		
			.linec{
				display: none;
			}
			li{
				a{
					text-align: start !important;
				}
				width: 100% !important;
				
				.Text-Style {

					color:blue !important;
                    margin-right: 25px;
                    padding: 10px 2px;
                  
                }
                .Text-Style1 {
                
					color:blue !important;
                    border: none !important;
                 
                   width: 100% !important;
					
                    &:hover{
                        background:none !important;
                      
                    }   color:#ffff;
                    }
                }
                .join{
					color:blue !important;
                    border: none !important;
					margin-left: -8px !important;
                    width: 4px !important;
                    &:hover{
                        background:none !important;
                      
                    }
                }
                
                .login{
                    margin-left: -9px !important;
					color:blue !important;
                   
              
                }
                
			}
			
		}
	
}



/**************************login***************/
.m-login {
   
	.col-md-6{
		width: 100% !important;
		height: 420px !important;
		
	}
	.setsa{
		width: 100% !important;
		height: 300px !important ;
	   }
	.m-login-wedding{
	 

  h3{
    padding-top: 96px !important;
    width: 100% !important;
    padding-left: 20px !important;
   
}
.buttoncls{
	margin-top: 10px !important;
	.sig-btn{
	   
	 
		width: 90px !important;
		margin-left: 72px !important;
	 
	}
	.siup-btn{
		width: 90px !important;
	
		margin-right: -129px !important;
	}
}
}
.m-login-body{
		padding: 15px 1px 1px 21px !important;
		height: 420px !important;
		h3{
			font-size: 18px !important;
		}
		.m-login-conent {
		margin-top: 10px !important;
		.col{
			flex-basis: unset !important;
			padding-left: 0px !important;
			}
		.frg-pass{
		margin-left: 0px !important;
		margin-top: 18px !important;
			}
		.btn-login{
		width: 80px !important;
				}
		p{
		margin-bottom: 20px !important;
		}
	}
}
				/*modal login*/
	.modal-dialog {
					max-width: 293px !important;
					margin-top: 117px !important;
					margin-left: 33px !important;
				}
	.modal-content {
					padding-left: 26px !important;
	}
	.modal-bodyy{
		.m-login-modal-input{
			input{
				width: 221px !important;
				}
			}
			.m-login-modal-btn {

				margin-top: 37px !important;
				margin-left: -93px !important;
			}

		}
		.links{
			margin-top: 30px !important;
		}
}
/**************************join****************/
.m-join {
   
	.join-sets{
		width: 100% !important;
		height: 300px !important ;
	   }
		.col-md-6{
			width: 100% !important;
		//	height: 420px !important;
		}
	.m-join-wedding{
	 


		h3{
			padding-top: 96px !important;
			width: 100% !important;
			padding-left: 20px !important;
		   
		}
.buttoncls-join{
	margin-top: 10px !important;
	.sig-btn{
	   
	   
		
		width: 90px !important;
		margin-left: 72px !important;
	}
	.siup-btn{
		width: 90px !important;
			
		margin-right: -129px !important;
	}
}
}
.m-join-body{
padding: 15px 1px 1px 21px !important;
height:660px !important;

h3{
font-size: 18px !important;
}
.m-join-conent {
margin-top: 10px !important;
.col{
	flex-basis: unset !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.btn-join{
	width: 80px !important;
	
}
.btn-m-join {
	padding-top: 20px !important;
	margin-bottom: -25px !important;
}

}
}

/**********modal*/
.modal-dialog{
    max-width: 300px !important;
    margin-left: 28px !important;
}
.modal-header{
	margin-left: -19px !important;
	h5{
		margin-top: 130px !important;
		margin-left: 35px !important;
		font-size: 17px !important;
	}
	.close{
		margin: 4rem -1rem -1rem auto !important;
	}
}

.modal-body {
    margin-left: 0px !important;
	.btn-plans{
		margin-top: 32px !important;
		.pri-btn {
		
			width: 170px !important;
			font-size: 14px !important;
			margin-left: -54x !important;
		}
	}
}

}
/****************login vendors***************************/
.modal-headers{
	margin-left: -25px !important;
   h5{
	font-size: 15px !important;
    width: 191px !important;
    margin-left: 0px !important;
   }
  
}
.modal-body {
 
	margin-left: -25px !important;
	.form-control{
	
		width: 240px !important;
	}
	.btn-plans{
		.pri-btn {
		
			width: 170px !important;
		
			margin-left: -54px !important;
		}
	}
	 
}
.modal-footer {
 
    margin-top: 0px !important;
}	
/********************************** payment table*****************************/

.m-payment{
	.m-payment_note{
		.container{
			padding-top: 20px !important; 
			.m-payment_note_search{
				.row{
					.col-md-6{
			
						width: 50% !important;
						 padding-right: 0px !important; 
						padding-left: 8px !important;
						margin-top: 5px !important;
					
						.rht-bro {
   								 border-right: none !important;
 								   margin-top: 0px !important;
								}
							}
							.col-md-5{
								width: 26% !important;
								padding-right: 0px !important;
								//padding-left: -13px !important;
							}
							.col-md-1{
							
								width: 24% !important;
								 padding-right:0px !important; 
								 padding-left: 0px !important; 
							
							}
					} 
				} 
				} 
			    } 
		   } 

}

/* 02.0 Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {}


/* 03.0 Smartphones (portrait) ----------- */

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


/* 04.0 iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	//scss for home.html
	.m_home_banner{
		background-size: cover !important;
		.container{
			padding-top: 100px !important;
			padding-bottom: 100px !important;
		}
	}
	.m_home_banner2{
		.row{
			display: block !important;
			text-align: center !important;
			.banner2_overlay1{
				max-width: 100% !important;
				img{
					height: 500px !important;
				}
			}
			.banner2_overlay2{
				max-width: 100% !important;
				background-size: cover !important;
				.b2_over2_Contents{
					padding: 20px 0px 20px 0px !important;
					.row{
						.col{
							padding-bottom: 15px !important;
							max-width: 33% !important;
							display: inline-block;
						}
					}
				}
			}
		}
	}
	.why_moments{
		.container{
			.row{
				.col-md-3{
					max-width: 50% !important;
					flex: 0 0 50% !important;
				}
			}
		}
		.why_moments_head{
			margin: 5px !important;
		}
	}
	 //scss for review_slide
	 .review_slide{
		.row{
		 ngx-slick-carousel{
		   .slide_content{
			 ul{
			   li{
				   .review_main{
					   .review_main_text{
						   p{
							 width: 300px !important;
						   }
					   }
				   }
			   }
		   }
		   }
		 }
		}
	  }
	  //scss for nav
	  nav{
	
		.navbar-collapse{
	
		
			margin-left: 5px !important;
		
			ul{
				
				width: 300px;
				
			
				.linec{
					display: none;
				}
				li{
					width: 75px !important;
					.nav-link{
					//	width: 100% !important;
					}
					.Text-Style {
	
					//	color:blue !important;
						margin-right: 25px;
						padding: 10px 2px;
					  
					}
					.Text-Style1 {
					
						//color:blue !important;
						//border: none !important;
					 
					   width: 100% !important;
						
						&:hover{
						//	background:none !important;
						  
						}   color:#ffff;
						}
					}
					.join{
					//	color:blue !important;
				//		border: none !important;
						margin-left: -22px !important;
					//	width: 4px !important;
					width: 59px !important;
					height: 44px !important;
						padding: 9px 10px !important;
						&:hover{
						//	background:none !important;
						  
						}
					}
					
					.login{
						margin-left: -9px !important;
					//	color:blue !important;
					   
				  
					}
					
				}
				
			}
		
	}
	/******************************* scss for login ********************************************/
	.m-login{
		.col-md-6{
			display: contents !important;
			.m-login-wedding{
				height: 60vh !important;
				width: 100% !important;
			 h3 {
					padding-top: 250px !important;
					font-size: 45px !important;
					width: 75% !important;
					padding-left: 211px !important;
					/* text-align: center; */
				}
				.buttoncls{
					.sig-btn{
						font-size: 23px !important;
						height: 50px !important;
						width: 140px !important;
					}
					.siup-btn{
						font-size: 23px !important;
						height: 50px !important;
						width: 140px !important;
						margin-left: -200px !important;
						margin-left: -217px;
					}
				}
			}
			.m-login-body{
				width: 100% !important;
				height: 600px !important;
				padding: 25px 20px 20px 40px !important; 
				.col{
					flex-basis: unset !important;
					padding-left: 0px !important;
					padding-right: 0px !important;
				}
				h3{
					font-size: 30px !important;
				}
				.m-login-conent{
					margin-top: 0px !important;
					input{
						font-size: 25px !important;
					}
					.btn-m-login{
						 .btn-login{
							font-size: 25px !important;
							height: 60px !important;
							width: 130px !important;
							margin-bottom: -35px !important;

					}
				}
				}
			}
		}
		
	} 
	.links{
		margin-top: 40px !important;
		a{
			font-size: 24px !important;
		}
		p{
			font-size: 24px !important;
		}
		.frg-pass{
			margin-left: 0px !important;
			margin-top: 15px !important;
		}
	}
	/*******************************join*******************************/
	.m-join{
		.col-md-6{
			display: contents !important;
			.m-join-wedding{
				height: 60vh !important;
				width: 100% !important;
			 h3 {
					padding-top: 250px !important;
					font-size: 45px !important;
					width: 75% !important;
					padding-left: 211px !important;
					/* text-align: center; */
				}
				.buttoncls-join{
					.sig-btn{
						font-size: 23px !important;
						height: 50px !important;
						width: 140px !important;
					}
					.siup-btn{
						font-size: 23px !important;
						height: 50px !important;
						width: 140px !important;
						margin-left: -200px !important;
					}
				}
			}
			.m-join-body{
				width: 100% !important;
				height: 900px !important;
				padding: 25px 20px 20px 40px !important; 
				.col{
					flex-basis: unset !important;
					padding-left: 0px !important;
					padding-right: 0px !important;
				}
				h3{
					font-size: 30px !important;
				}
				.m-join-conent{
					margin-top: 0px !important;
					input{
						font-size: 25px !important;
					}
					.btn-m-join{
						 .btn-signup{
							font-size: 25px !important;
							height: 60px !important;
							width: 130px !important;
							margin-bottom: -35px !important;
					}
				}
				}
				.txt-join{
					p{
						font-size: 25px !important;
					}
				}
				.links{
					margin-top: 40px !important;
					a{
						font-size: 24px !important;
					}
					p{
						font-size: 24px !important;
					}
					.frg-pass{
						margin-left: 0px !important;
						margin-top: 15px !important;
					}
				}
			}
		}
		
	} 
	//scss for loginaccount
	.loginaccount_overlay{
		.loginaccount_overlay2{
			.container{
				ul{
					text-align: center !important;
					li{
						margin-right: 30px !important;
						margin-left: 30px !important;
					}
				}
			}
		}
		.loginaccount_overlay4{
			.container{
				.tab-content{
					.tab-pane{
						ul{
							
							text-align: center !important;
							li{
								padding-left: 10px !important;
								padding-right: 10px !important;
								.tab_img{
									width: 300px !important;
								}
								.rat_cont{
									text-align: left !important;
								}
							}
						}
					}
				}
				.view_all{
					padding-left: 30px !important;
				}
			}
		}
		.loginaccount_overlay5{
			.container{
				ul{
					text-align: center !important;
					li{
						padding-left: 20px !important;
						padding-right: 20px !important;
					}
				}
			}
		}
	}
}

/* 05.0 iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/* 06.0 iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}


/* 07.0 Desktops and laptops ----------- */

	/* LOW RESOLUTION ----------- */

    @media only screen and (min-width: 900px) and (max-device-width: 1249px) {
        
    }

    @media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
		//scss for home.html
	.m_home_banner{
		background-size: cover !important;
		.container{
			padding-top: 250px !important;
			padding-bottom: 150px !important;
		}
	}
	.m_home_banner2{
		.row{
			.banner2_overlay2{
				.b2_over2_Contents{
					padding: 30px 0px 0px 30px !important;
				}
			}
		}
	}
	.why_moments{
		.why_moments_head{
			margin: 5px !important;
		}
	}
   /////// login
   .m-login{
	.col-md-6{
		.m-login-wedding{
		h3{
			font-size: 34px !important;
			width: 77% !important;
		
		}
		.buttoncls{
			.siup-btn{
				margin-left: -170px !important;
			}
		}
	}
}

}
/////////**************join***********************************/
.m-join{
	.col-md-6{
		.m-join-wedding{
		h3{
			font-size: 34px !important;
			width: 77% !important;
		
		}
		.buttoncls-join{
			.siup-btn{
				margin-left: -170px !important;
			}
		}
	}
}

}
}
    @media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
	//scss for home.html
		.m_home_banner{
			background-size: cover !important;
			.container{
				padding-top: 250px !important;
				padding-bottom: 150px !important;
			}
		}
		.m_home_banner2{
			.row{
				.banner2_overlay2{
					.b2_over2_Contents{
						.logo_block{
							.logo_inline{
								width: 140px !important;
							}
						}
					}
				}
			}
		}
    }
    @media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
		
		.m-login{
			.col-md-6{
				.m-login-wedding{
					.buttoncls{
						.sig-btn{
							margin-left: 240px !important;
						}
						.siup-btn{
						
							margin-left: -230px !important;
					}
			}
		}
		
		}
			}
/****************join*********************************/
.m-join{
	.col-md-6{
		.m-join-wedding{
			.buttoncls-join{
				.sig-btn{
					margin-left: 245px !important;
				}
				.siup-btn{
				
					margin-left: -230px !important;
			}
	}
}

}
	}
}

/* 08.0 Large screens ----------- */

@media only screen and (min-width: 1824px) {
	//************login******************/
	.m-login{
		.col-md-6{
			.m-login-wedding{
				h3 {
				 padding-top: 220px !important; 
					
					
					 width: 72% !important; 
					 padding-left: 343px !important;
				
				}
				.buttoncls{
					.sig-btn{
						margin-left: 394px !important;
					}
					.siup-btn{
					
						margin-left: -315px !important;
				}   
		}
	}
	
	}
		}
	//************login******************/	
	.m-join{
		.col-md-6{
			.m-join-wedding{
				h3 {
				 padding-top: 220px !important; 
					
					
					 width: 72% !important; 
					 padding-left: 343px !important;
				
				}
				.buttoncls-join{
					.sig-btn{
						margin-left: 394px !important;
					}
					.siup-btn{
					
						margin-left: -315px !important;
				}   
		}
	}
	
	}
		}

}


/* 09.0 iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* 10.0 iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 11.0 iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}


/* 12.0 iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 13.0 Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 14.0 Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}


/* 15.0 Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/*************contact**************************************/

}

@media (max-width: 480px) {}

@media only screen and (min-width: 1000px) {}