/*....................................................................
		File Name: responsive.css
.....................................................................*/

/*......................................................................................
		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
..........................................................................................*/


@media only screen and (min-width: 1200px) {
	.form-wrap{
width: 70%;   
}
.form-wrap .form-element-top h6.age{
	margin-left: 25px !important;
}
.form-wrap .form-element-top .groom{

	margin-left: 25px;
}
}
@media only screen and (min-width: 100px)  and (max-width: 375px) {
.radio-toolbar label{
	width: 75px !important;
}
.form-wrap .form-element-top .groom {
    width: 35% !important;
}

}






/*......................................................................................
		personal Layout
		Gutters: 24px.
		Outer margins: 48px.
..........................................................................................*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
	.phone a{
		background: white;
		color: black;
		border: 0;
		border-radius: 31px;
	}
	.whatsup-img a img{
		width: 61%;
	}
	.nav-right{
		display:none;
	}
	.navbar #demo1{
		justify-content: right;
	}
	.navbar {
		padding: 1px 1rem;
	}

}
/*.................................................................................................
	Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
......................................................................................................*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.slider-wrap .form-top-wrap h2{
		font-size: 34px;
	}
	.navbar {
		padding: 1px 1rem;
    /* padding-right: 0; */
	}
	.nav-right{
		display:none;
	}
	.navbar #demo1{
		justify-content: right;
	}
	.call-wrap2 h5{
		font-size: 14px;
	}
	.element-wrap {
		display: flex;
		width: 90%;
		margin: 0 auto;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.question-main h2{
		color: white;
	}
	.phone a{
		background: white;
		color: black;
		border: 0;
		border-radius: 31px;
	}
	.whatsup-img a img{
		width: 77%;
	}
	.service-element h2 {
		font-size: 29px;
	}	
	.service-element h2.bottom-heading {
		margin-top: 39px;
		font-size: 27px;
	}	
	.service-element a img {
		margin-top: 7px;
	}
	.form-wrap .form-element-top .groom{
		display: inline-block;
		width: 40%;
	}	
	.form-wrap .form-element-top .bride{
		display: inline-block;
		width: 40%;
	}
	.form-element-bottom .google{
		font-size: 12px;
	}
	.form-element-bottom .facebook{
		font-size: 12px;
	}
	.service-element{
		margin-bottom: 25px;
	}
	.service-image-wrap1 {
		margin-top: 25px;
	}
	.form-section .form-footers form #ShowAll{
		font-size:15px;
	}
	.form-section .form-footers form #ShowAll1{
		margin-right: 5px;
		font-size: 15px;
	}
	.form-section .form-footers form #ShowCurrent{
		font-size:15px;
	}
	.form-section .form-footers form #ShowCurrent1{
		font-size:15px;
		margin-right: 5px;
	}
	
	
}
/*...............................................................................................
		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
....................................................................................................*/

@media only screen and (max-width: 767px) {
	
	.navbar {
		padding: 1px 1rem;
		height: 54px;
    /* padding-right: 0; */
	}
	.navbar .navbar_bar{
		display: none;
	}	
	.navbar .read-more{
		color: #fff;
		background: #FF3D4E;
		border-color: #FF3D4E;
		border-radius: 56px;
		padding: 7px 22px;
	}
	footer .pay-image{
		margin-bottom: 25px;
	}
	.call-wrap,.call-wrap2{
		margin-bottom: 15px;
	}
	.secure{
		margin-bottom: 20px;
	}
	.age-form{
		margin-bottom: 14px;
	}
	.element-wrap {
		display: flex;
		width: 100%;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	
	}
	.whatsup-img a img{
		width: 30%;
	}
	.service-element h2 {
		color: white;
		font-weight: bold;
		font-size: 26px;
	}
	.service-element h2.bottom-heading {
		margin-top: 39px;
		font-size: 27px;
	}
	.service-image-wrap{
		margin-top: 25px;
	}
	.marrige-top-wrap h2{
		font-size: 40px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.img-heading-inform {
		margin-top: 15px;
	}
	.nav-right{
		display:none;
	}
	.list-wrap ul li{
		text-align: left;
	}
	.img-heading-inform{
		text-align: center;
	}
	.service-element{
		margin-bottom: 15px;
	}
	.marriage-section .middle-marriage{
		display: flex;
		flex-direction: column-reverse;
		margin:20px;
	}
	.footer-last{
		text-align: center;
	}	
	
	.whatsup-img a {
    margin: 20%;
        
    }
    .slider-section {
   
        background: url(../img/sliderimg.png) no-repeat;
        background-position: 75% 0;
    }
	
}
/*...............................................................................................
		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
....................................................................................................*/

@media only screen and (max-width: 576px) {
	.slider-section{
		padding-top: 60px;
		padding-bottom: 60px;
		background: url(../img/sliderImage.png) center top no-repeat s;
		background-size: cover;
	}
	.slider-wrap .form-top-wrap h2{
		font-size: 30px;
	}
	.navbar {
		padding: 1px 1rem;
		height: 54px;
    /* padding-right: 0; */
	}
	.form-custom{
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.bs-example h2.question-heading{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.bs-example{
		Padding-top:50px;
		Padding-bottom: 40px;
	}
	.about-us{
		Padding-top:50px;
		Padding-bottom: 40px;
		background: #042A04;
	}
	.about-us h2{
		font-size: 30px;
	}
	.element-wrap {
		display: flex;
		width: 100%;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	
	}
	.whatsup-img a img{
		width: 35%;
	}
	.marrige-top-wrap h2{
		font-size: 28px;
		margin-bottom: 37px;
	}
	.marrige-top-wrap h2{
		font-size: 27px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.register-section .marrige-button button{
		padding: 9px 124px;
	}
	.nav-right{
		display:none;
	}
	.navbar .nav-container .navbar-brand span {
		font-size: 24px;
	}
	.marrige-login .register{
		padding: 9px 115px;
		width:100%;
	}
	.whatsup-img a {
    margin: 20%;
        
    }
}
/*.........................personal layout for bottom menu........................*/
/*...............................................................................................
		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
....................................................................................................*/
@media only screen and (max-width: 490px) {

	.form-wrap {
    width: 100%;
}
	.slider-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.slider-wrap .form-top-wrap h2{
		font-size: 30px;
	}
	.navbar {
		height: 54px;
		padding: 1px 1rem;
    /* padding-right: 0; */
	}
	.navbar .navbar_bar{
		display: none;
	}	
	.navbar .read-more{
		color: #fff;
		background: #FF3D4E;
		border-color: #FF3D4E;
		border-radius: 56px;
		padding: 7px 22px;
	}
	.navbar .nav-container .navbar-brand span {
		font-size: 24px;
	}
	.top-nav .social-icon ul{
		display: none;
	}
	.top-nav .right-p p{
		display: none;
	}
	.top-nav .left-p{
		margin-bottom: 0;
	}
	.top-nav .left-p p{
		margin-bottom: 0;
		border-left: 0;
		border-right: 0;
		text-align: center;
	}
	.top-nav .right-p p{
		border-left: 0;
	}
	.top-nav .social-icon{
		
		border-left: 0;
		border-right: 0;
	}
	.element-wrap {
		display: flex;
		width: 100%;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	}
	.whatsup-img a img{
		width: 34%;
	}
	.marrige-top-wrap h2{
		font-size: 27px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.register-section .marrige-button button{
		padding: 9px 124px;
	}
	.nav-right{
		display:none;
	}
	.form-wrap .form-element-top .groom{
		display: inline-block;
		width: 40%;
		margin-left: 5px;;
	}	
	.form-wrap .form-element-top .bride{
		display: inline-block;
		width: 40%;
	}
	.form-wrap .form-element-top .form-1 form h6 {
		margin-bottom: 21px;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll{
		font-size:15px;
		margin-right: 5px;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll1{
		font-size: 15px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent{
		font-size:15px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent1{
		font-size:15px;
		margin-right: 5px;
	}
	.marrige-login .register{
		padding: 9px 115px;
		width:100%;
	}
	.footer-middle{
        margin:0px 15px;
    }
     .aboutusall{
       margin:0px 15px; 
    }
    
    .whatsup-img a {
    margin: 20%;
        
    }
	
}
/*.............................................................................................	
	Wide Mobile Layout: 400px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
.................................................................................................*/
@media only screen and (max-width: 400px) {
	.slider-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.form-element-bottom .google{
		font-size: 11px;
	}
	.form-element-bottom .facebook{
		font-size: 11px;
	}
	.navbar {
		height: 54px;
		padding: 1px 1rem;
	}
	.navbar .navbar_bar{
		display: none;
	}	
	.navbar .read-more{
		color: #fff;
		background: #FF3D4E;
		border-color: #FF3D4E;
		border-radius: 56px;
		padding: 7px 22px;
	}
	.navbar .navbar-brand h2 {
		font-size: 35px;
		margin-top: 5px;
	}
	.navbar button i {
		font-size: 22px;
	}
	.top-nav .social-icon ul{
		display: none;
	}
	.top-nav .right-p p{
		display: none;
	}
	.element-wrap {
		display: block;
		width: 100%;
	}
	.img-heading-inform-wrap{
		margin-bottom: 14px;
	}
	.Client-carousel-section .two{
		margin-right: 0px;
	}
	.Client-carousel-section .three{
		margin-left: 0px;
	}
	.Client-carousel-section{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.Client-carousel-section .Client-carousel-header h2{
		font-size: 26px;
		margin-bottom: 12px;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	}
	.whatsup-img a img{
		width: 41%;
	}
	.marrige-top-wrap h2{
		font-size: 40px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.img-heading-inform {
		margin-top: 15px;
	}
	.img-heading-inform img {
		width: 72px;
		margin-bottom: 16px;
	}
	.img-heading-inform h6 {
		font-size: 15px;
	}
	.marriage-section {
		padding-top: 20px;
		padding-bottom: 5px;
		background: #F5F4FE;
	}
	.register-section .marrige-button button{
		padding: 9px 90px;
	}
	.nav-right{
		display:none;
	}
	.navbar .nav-container .navbar-brand span {
		font-size: 19px;
	}
	.form-wrap .form-element-top .groom{
		display: inline-block;
		width: 40%;
	}	
	.form-wrap .form-element-top .bride{
		display: inline-block;
		width: 40%;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll{
		font-size:10px;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll1{
		font-size: 10px;
		margin-right: 2px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent{
		font-size:10px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent1{
		font-size:10px;
		margin-right: 2px;
	}
	.marrige-login .register{
		padding: 9px 66px;
		width:100%;
	}
	footer{
	background: #042A04;
    }
    .footer-middle{
        margin:0px 15px;
    }
    
     .aboutusall{
       margin:0px 15px; 
    }
    .whatsup-img a {
    margin: 20%;
        
    }
}
/*.............................................................................................	
	Wide Mobile Layout: 300px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
.................................................................................................*/
@media only screen and (max-width: 300px) {
	.slider-section{
		padding-top: 60px;
		padding-bottom: 60px;
		background: url(../img/sliderImage.png) center top no-repeat s;
		background-size: cover;
	}
	.navbar .navbar-brand .logo-writen{
		font-size:12px;
	}
	.form-element-bottom .google{
		font-size: 8px;
	}
	.form-element-bottom .facebook{
		font-size: 8px;
	}
	.navbar {
		height: 54px;
		padding: 1px 1rem;
    /* padding-right: 0; */
	}
	.nav-right{
		display:none;
	}
	.top-nav .right-p p{
		display: none;
	}
	.navbar-wrap .nav-container .nav-left-col .right-link{
		display: none;
	}
	.navbar-wrap a.left-icon {
		margin-bottom: 12px;
	}
	.navbar-wrap .nav-container .nav-left-col .sidenav{
		top: 0;
		width: 300px;
	}
	.navbar .nav-container .navbar-brand span {
		font-size: 18px;
	}
	.post-section{
		padding-bottom: 0px;
	}
	.fixed-slider-section .fixed-slider-wrapper{
		width: 98%;
		margin: 0 auto;
	}
	.navbar button i {
		font-size: 22px;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	}
	.whatsup-img a img{
		width: 59%;
	}
	.service-element a img {
		margin-top: 7px;
	}
	.marrige-top-wrap h2{
		font-size: 27px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.img-heading-inform {
		margin-top: 15px;
	}
	.img-heading-inform img {
		width: 72px;
		margin-bottom: 16px;
	}
	.img-heading-inform h6 {
		font-size: 15px;
	}
	.marriage-section {
		padding-top: 20px;
		padding-bottom: 5px;
		background: #F5F4FE;
	}
	.register-section .marrige-button button{
		padding: 9px 60px;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll{
		font-size:10px;
	}
	.form-wrap .form-element-top .form-1 form #ShowAll1{
		font-size: 10px;
		margin-right: 2px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent{
		font-size:10px;
	}
	.form-wrap .form-element-top .form-1 form #ShowCurrent1{
		font-size:10px;
		margin-right: 2px;
	}
	.marrige-login .register{
		padding: 9px 40px;
		width:100%;
	}
	footer{
	background: #042A04;
    }
    .footer-middle{
        margin:0px 15px;
    }
    
    .aboutusall{
       margin:0px 15px; 
    }
    .whatsup-img a {
    margin: 20%;
        
    }
}
@media only screen and (max-width: 250px) {
    
    .whatsup-img a {
    margin: 20%;
        
    }
	.slider-section{
		padding-top: 60px;
		padding-bottom: 60px;
		background: url(../img/sliderImage.png) center top no-repeat s;
		background-size: cover;
	}
	.form-element-bottom .google{
		font-size: 7px;
	}
	.form-element-bottom .facebook{
		font-size: 7px;
	}
	.navbar .navbar-brand .logo-writen{
		display: none;
	}
	.navbar .nav-container .navbar-brand span {
		display: none;
	}
	.navbar{
		height: 54px;
	}	
	.icon{
		background: #FFF1F2;
		width: 100%;
		float: none;
		padding: 25px;
		text-align: center;
	}
	.icon-inform{
		
		width: 100%;
		float: none;
		padding-left: 0px;
	}
	.icon-inform-p{
		
		margin-top: 0px;
	}
	.package-section {
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.package-section .package-heading-top {
		color: white;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.package-inform-wrap{
		margin-bottom: 25px;
		margin-left:14%;
		width:70%;
	}
	.question-main h2 {
		color: white;
		margin-top: -36px;
	}
	.phone a {
		margin-bottom: 15px;
		border-radius: 20px;
	}
	.whatsup-img a img{
		width: 70%;
	}
	.service-element a img {
		margin-top: 0px;
	}
	.service-element a.first-button{
		margin-bottom: 5px;
	}
	.marrige-top-wrap h2{
		font-size: 40px;
		margin-bottom: 13px;
	}
	.list-wrap ul li {
		margin: 15px 0px;
	}	
	.marriage-section {
		padding-top: 20px;
		padding-bottom: 5px;
		background: #F5F4FE;
	}
	.register-section .marrige-button button{
		padding: 9px 30px;
	}
	.form-section .form-wrapper{
		width:98%;
		margin: 0 auto;
	}
	.form-section .sign-up-wrap{
		width: 98%;
		margin: 0 auto;
	}
	.navbar-wrap .nav-container .nav-left-col .sidenav{
		top: 0;
		width:  250px;
	}
	.fixed-slider-section .fixed-slider-wrapper{
		width: 98%;
		margin: 0 auto;
	}
	.navbar .navbar-brand h2 {
		font-size: 25px;
	}
	.navbar .navbar-brand h2 {
		font-size: 35px;
		margin-top: 11%;
	}
	.navbar button i {
		font-size: 22px;
	}
	.top-nav .left-p p{
		margin-bottom: 0;
	}
	.navbar .nav-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.top-nav .social-icon ul{
		display: none;
	}
	.top-nav .right-p p{
		display: none;
	}
	.marrige-login .register{
		padding: 9px 40px;
		width:100%;
	}
	
	footer{
	background: #042A04;
    }
    
     .aboutusall{
       margin:0px 15px; 
    }
    
}
/*..............................................................................................
	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
...................................................................................................*/
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
		
	
}