/******************************************************************************

  Max Width "767px"

*******************************************************************************/

@media (max-width: 767px) { 

	

}



/******************************************************************************

  Max Width "767px"

*******************************************************************************/

@media (max-width: 767px) { 



}  

/******************************************************************************

  Min Width "992px"

*******************************************************************************/

@media (min-width: 992px) {

  	

}

/******************************************************************************

  Min Width "768px"

*******************************************************************************/

@media(min-width:768px) {

    

	

}

/******************************************************************************

  Min Width "1200x"

*******************************************************************************/

@media (min-width: 1200px) {

  

}

/* ---------- MAX 1199px ---------- */

 @media (min-width: 991px) and (max-width: 1199px){	

	

}







/******************************************************************************

  Max Width "991px" - Min Width "768px"

*******************************************************************************/

@media (min-width: 768px) and (max-width: 991px) {

  }

  

  

  

  

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

	.navbar.navbar-bg-light .navbar-nav > li > a {

		padding:5px;

	}

	.about1 {

		 height:700px;

		 width:930px;

	}

	.about1:before {

		  height: auto;

		  width: 100%;

    }

	.tab-width {

		float:left;

		width:500px;

		height:600px;

	}

	.img-left {

		margin-top:10em;

		z-index:999;

		position:relative;

		margin-left:1em;

	}

	.about-first{

	text-align:justify;

	margin-left:0;

	width: 100%;

	}

	.about-center {

		  margin-top:20px;		  

		  background: url(about-center-mob.jpg);

		  background-repeat: no-repeat;

	}

	.about-center2{

	      margin-bottom:20px;		  

		  background: url(about-center2-mob.jpg);

		  background-repeat: no-repeat; 

	}

	#center1 {

		background-position: top center;

		max-width: 100%;

	    height:100px;

	}

	#center2 {

		background-position: bottom center;

		max-width: 100%;

	    height:100px;

	}

	

	/* about 2 start */

	.about-right {

		 width: 100%;

		  height: 200px;

		  background: url(right-mob.png);

		  background-repeat: no-repeat;

		  position:relative;

	}

	.about-left {

		 width: 100%;

		  height: 200px;

		  background: url(left-mob.png);

		  background-repeat: no-repeat;

	}

	#pixels-right {

	     background-position: right top;

		 position: initial;

	}

	#pixels-left {

	     background-position: bottom left;			

	}

	.ab-cn {

		width: 870px;

		height:100%;

		text-align: center;

		margin-left: 0px;	

		

	}

	.ab-cn h2 {

	margin-top: -1em;	

	}

	.ab-cn p {

	margin:50px 50px 0px 50px;

	text-align: center;

	}

	

	/* about 3 start */

	

	.about-bg {

		 width: 920px;

		 height:100%;

		 text-align: center;

		 margin-left: 0px;	

	 }

	.features-list-mt li:nth-child(1) {

		margin-top:3em;

	}

	.features-list li {

		margin-bottom:33px;

	}

	.features-list1 {

		padding-left:4em;

	}

	.features-list2 {

		padding-left:4em;

		padding-right:4em;

	}

	.features-list3 {

		padding-right:0em;

	}

	

	.footer-lm {

		padding-left:0em;

		padding-right:2em;

	}

	

	/* wedding & events start */

	.wedding-over {

		position: absolute; 

		bottom: 0;

		left: 0;

		right: 100%;

		overflow: hidden;

		width: 0%;

		height: 100%;

		transition: .3s ease;

		background-color:#fff;

	}

	.image-hover:hover .wedding-over {

		 width: 100%;

		 /* opacity:0.9; */

		 text-align:justify;

		 padding:20px;

	 }



	.wedding {

		width: 80%;

		text-align: center;

		margin-left: 7em;

		}

	.wedding h2{

		font-size: 60px;

		font-weight: 900;

		color: #cfae78;

		letter-spacing: 0.24px;

		line-height: 30px;

		text-transform: capitalize;

		font-family: 'Pinyon Script', cursive;

		margin-bottom:30px;

		margin-top: 0.5em;

	}

	.wedding p{

		margin-top:30px;

		font-size: 16px;

		line-height: 26px;

		letter-spacing: 0.45px;

		font-weight: 300;

		text-align: center;

		font-family: 'Poppins', sans-serif;

		color: #000;

	}

	.wedding strong {

		color:red;

		font-weight:500;	

	}

	/* wedding & events End */

	

		/* wedding & events start */

	.wedding-over {

		position: absolute; 

		bottom: 0;

		left: 0;

		right: 100%;

		overflow: hidden;

		width: 0%;

		height: 100%;

		transition: .3s ease;

		background-color:#fff;

	}

	.image-hover:hover .wedding-over {

		 width: 100%;

		 /* opacity:0.9; */

		 text-align:justify;

		 padding:20px;

	 }



	.wedding {

		width: 80%;

		text-align: center;

		margin-left: 7em;

		}

	.wedding h2{

		font-size: 60px;

		font-weight: 900;

		color: #cfae78;

		letter-spacing: 0.24px;

		line-height: 30px;

		text-transform: capitalize;

		font-family: 'Pinyon Script', cursive;

		margin-bottom:30px;

		margin-top: 0.5em;

	}

	.wedding p{

		margin-top:30px;

		font-size: 16px;

		line-height: 26px;

		letter-spacing: 0.45px;

		font-weight: 300;

		text-align: center;

		font-family: 'Poppins', sans-serif;

		color: #000;

	}

	.wedding strong {

		color:red;

		font-weight:500;	

	}

	/* wedding & events End */

}

	

	

}

/******************************************************************************

  Max Width "991px"

*******************************************************************************/

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

    .about1 {

		 height:1200px;

		 width:600px;

	}

	.about1:before {

		  height: auto;

		  width: 100%;

    }

	.tab-width {

		float:left;

		width:500px;

		height:600px;

	}

	.img-left {

		display: block;

		margin:auto;

		z-index:999;

		position:relative;

		

	}

	.about-first{

	text-align:justify;

	margin-left: 3em;

	width: 100%;

	}

	.about-center {

		  margin-top:20px;		  

		  background: url(about-center-mob.jpg);

		  background-repeat: no-repeat;

	}

	.about-center2{

	      margin-bottom:20px;		  

		  background: url(about-center2-mob.jpg);

		  background-repeat: no-repeat; 

	}

	#center1 {

		background-position: top center;

		max-width: 100%;

		height: 100px;

		margin-left: 3em;

	}

	#center2 {

		background-position: bottom center;

		max-width: 100%;

		height: 100px;

		margin-left: 3em;

	}	

	

	/* about 2 start */

	.about-right {

		 width: 100%;

		  height: 200px;

		  background: url(right-mob.png);

		  background-repeat: no-repeat;

		  position:relative;

	}

	.about-left {

		 width: 100%;

		  height: 200px;

		  background: url(left-mob.png);

		  background-repeat: no-repeat;

	}

	#pixels-right {

	     background-position: right top;

		 position: initial;

	}

	#pixels-left {

	     background-position: bottom left;			

	}

	.ab-cn {

		width: 870px;

		height:100%;

		text-align: center;

		margin-left: 0px;	

		

	}

	.ab-cn h2 {

	margin-top: -1em;	

	}

	.ab-cn p {

	margin:50px 50px 0px 50px;

	text-align: center;

	}

	

	/* about 3 start */

	

	 .about-3 {

		 width: 870px;

		height:100%;

		text-align: center;

		margin-left: 0px;	

	 }

	.features-list-mt li:nth-child(1) {

		margin-top:3em;

	}

	.features-list li {

		margin-bottom:33px;

	}

	.features-list1 {

		padding-left:0em;

	}

	.features-list2 {

		padding-left:3em;

		padding-right:3em;

	}

	.features-list3 {

		padding-right:8em;

	}

	

	.footer-lm {

		padding-left:2em;

		padding-right:2em;

	}

	

}



@media (max-width: 767px) { 

    

}







/******************************************************************************

  Max Width "480px"

*******************************************************************************/

@media (max-width: 480px) { 

	.pad-60{

	     padding:10px;

	}

	.about1 {

		 width:100%;

		 height:1050px;

	}

	.about1:before {

		  height: auto;

		  width: 100%;

    }

	.img-left {

		margin-top:10px;

		z-index:999;

		position:relative;

	}

	.about-first{

		text-align: justify;

		margin-left: 0px;

		width: 100%;	

	}

	.about-center {

		  margin-top:20px;

		  margin-left: -13px;		  

		  background: url(about-center-mob.jpg);

		  background-repeat: no-repeat;

	}

	.about-center2{

	      margin-bottom:20px;

		  margin-left: -13px;		  

		  background: url(about-center2-mob.jpg);

		  background-repeat: no-repeat; 

	}

	#center1 {

		background-position: top center;

		max-width: 100%;

		height: 100px;

		margin-left: 0px;

	}

	#center2 {

		background-position: bottom center;

		max-width: 100%;

		height: 100px;

		margin-left: 0px;

	}

	

	

	/* about 2 start */

	.about-right {

		 width: 100%;

		  height: 200px;

		  background: url(right-mob.png);

		  background-repeat: no-repeat;

		  position:relative;

	}

	.about-left {

		 width: 100%;

		  height: 200px;

		  background: url(left-mob.png);

		  background-repeat: no-repeat;

	}

	#pixels-right {

	     background-position: right top;

		 position: initial;

	}

	#pixels-left {

	     background-position: bottom left;			

	}

	.ab-cn {

		width: 308px;

		text-align: center;

		margin-left: 0px;		

	}

	.ab-cn h2 {

	margin-top: -1em;	

	}

	.ab-cn p {

	margin-top:30px;

	text-align: justify;

	}

	

	/* about 3 start */

	.features-list-mt li:nth-child(1) {

		margin-top:0px;

	}

	.features-list li {

		margin-bottom:5px;		

	}

	.features-list1 {

		padding-left:2em;

		

	}

	.features-list2 {

		padding-left: 2em;

		padding-right: 0;

		

	}

	.features-list3 {

		padding-left: 2em;

		padding-right: 0;

	}

	

	.footer-lm {

		padding-left:0;

		padding-right:0;

	}

	.mob {

		max-width:150px;

	}

	.about h3 {

      margin: 6px;

     }

     

     

     .set1_top {

	     top:3em;		

	}

	.set1_left1a {

             left: 5.9em;	

	}

	.set1_left1b {

	     left: 14.1em;

	}

	.set1_top2 {

	    top: 9.8em;

	}

	.set1_left2 {

            left: 10em;

        }

	

	



	.set2_top {

		top:20em;

	}

	.set2_left1a {

		left: 5.9em;	

	}

	.set2_left1b {

		left: 14.1em;

	}

	

	.set2_top2 {

		 top: 26.8em;

	}

	.set2_left2 {

		 left: 10em;

	}

	

     

     

    /* wedding Events Start */

.wedding-over {

    width:0px;

    height:575px;

}

.wedding-over:nth-child(2){

	width:0px;

    height:350px;

}

.image-hover:hover .wedding-over {

	 margin:0;

}

.wedding {

	width:100%;

	margin-left: 0;	

	position:relative;

}



.wedding h2:nth-child(1){

	font-size: 30px;

	font-weight: 500;

	color: #cfae78;

	letter-spacing: 0.24px;

	line-height: 30px;

	margin-top: .5em;

	text-align: center; 

	padding-top:5px;

}



.wedding h2{

	font-size: 30px;

	font-weight: 600;

	color: #cfae78;

	letter-spacing: 0.24px;

	line-height: 20px;

	margin-top: 0;

	text-align: center; 

	padding-top:5px;

}

.wedding p{

	margin-top:-1em;

	font-size: 12px;

	line-height: 20px;

	letter-spacing: 0.45px;	

	text-align: justify; 

}

/* wedding Events end */

	

}



/******************************************************************************

  Max Width "321px" and  max-width : "480px"

*******************************************************************************





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

		.about1 {

		 height:auto;

		 width:100%

	}

	.about1:before {

		  height: auto;

		  width: 100%;

    }

	.img-left {

		margin-top:10px;

		width: 100%;

		z-index:999;

		position:relative;

	}

	.about-first{

	text-align:justify;

	margin-left:0;

	width: 100%;

	}

	.about-center {

		  margin-top:20px;		  

		  background: url(about-center-mob.jpg);

		  background-repeat: no-repeat;

	}

	.about-center2{

	      margin-bottom:20px;		  

		  background: url(about-center2-mob.jpg);

		  background-repeat: no-repeat; 

	}

	#center1 {

		background-position: top center;

		max-width: 100%;

	    height:100px;

	}

	#center2 {

		background-position: bottom center;

		max-width: 100%;

	    height:100px;

	}

}













/* mobile view  end*/

@media (max-width: 480px) { 		

	

}



/* mobile view  end*/