/*for display none and block*/
.display-mob{
  display:none!important;
}

/*================Display at mob 320px==================*/

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


		/*====== INSPIRED BY NATURE SECTION START ======*/
		.sec-inspired{
		  padding: 50px;
		 }
		 .inspired-para p{
		  font-size: 12px;
		 }

		 /* =========  INSPIRED BY NATURE END  ========= */
 

	/* ==== Form form start - 320 ==== */
	/*Left div start*/
	.left-div-contactus{
	     padding: 40px 50px;
	}
	.left-div-contactus h4{	  	
        padding: 27px 26px 30px 0px;
        font-size: 16px;
	}
	.left-div-contents{
	  padding: 0px 0px 0px;
	}

	/*FORM*/
	.form-div h4{
	    padding: 16px 0px;
	}
}

	/* ==== Form form end ==== */
}

/*================Display at mob 320px end==================*/





/*================Display at mob 480px==================*/

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

	/*====== INSPIRED BY NATURE SECTION START ======*/
		.sec-inspired{
		  padding: 50px;
		 }
		 .inspired-para p{
		  font-size: 12px;
		 }


	/* SLIDER2 - 2WAY START 480 */
	.slider1-2way-head2{
		  /*padding: 10px 0px 14px 10px;*/
		  /*padding: 20px 0px 21px 30px;*/
		  padding: 20px;
		}

	/* =========  INSPIRED BY NATURE END  ========= */
 	
 	/* ===== Amenities list 480 ======= */
 	.amenities-new-sec #nav-tab .nav-link{
 		font-size: 1em; 		
 		padding: 5px 10px;
 	}
 	.ame-ul {
 		display: grid;
 	}
 	.ame-ul ul{
 		padding-left: 3rem;
 	}
 	/* ===== Amenities list ======= */

	/* ==== Form form start - 480 ==== */
	/*Left div start*/
	.left-div-contactus{
	     padding: 40px 50px;
	}
	.left-div-contactus h4{	  	
        padding: 27px 26px 30px 0px;
        font-size: 18px;
	}
	.left-div-contents{
	  padding: 0px 0px 0px;
	}

	/*FORM*/
	.row-footer-form .form-div
	{ 
	    /*padding: 30px 40px 30px 40px;*/
	    padding: 40px 50px;
	}
	.form-div h4{
	    padding: 22px 0px;
	}
	.form-group a {
    	margin: 40px 0px 24px;
	}

	/* ==== Form form end ==== */



	/* ==== Footer form start ==== */
	
	/*first row*/
	.section-footer .footer-logo{
		padding-bottom: 30px;
    	/*border-bottom: 1px solid dimgray;*/
	}
	/*footer 2nd row*/
	.section-footer .row2-footer{
	    border-top: none;
	}
	.section-footer .row2-footer ul {
	    padding-bottom: 20px;
	}
	/*footer .row3-footer{
	    padding-left: 0px;
	}*/
	footer p{
	    font-size: 9px;
	    text-align: center;
	} 
}


/*================Display at mob 480px end ==================*/



/*================Display different at mob and desktop==================*/

/*================Display at mob 540px==================*/

@media only screen and (max-width: 540px){  
.custom-btn{
    position: absolute;
    top: 5%;
    z-index: 1;
    right: 10%;
}
	.display-desk{
    	display:none!important;
  	}
  
  .display-mob{
    	display:block!important;
  	}
  	
	.col-auto {
    	width: 100%;
	}

	/* Hero section 540 */
	/*.hero-section{
	    background: url(../images/hero/amberwood-banner-overlay-800x688.webp) no-repeat center;
	    background-size: cover;
	    width: 100%;
	    overflow: hidden;
	    height: 160vh;
	}
	.hero-section .big-heading,
	.hero-section .big-heading-h2 {
	    font-size: 29px;
	    color: #fff;
	}
	.hero-section .sub-heading,
	.hero-section .sub-heading-h3 {
	    font-size: 16px;
	    padding: 0px 30px;
	}
	.wide-button {
	    padding: 5px 5px;
	    font-size: 12px;
	}
*/

/* 540 media */
.section-about {
    /* background-color: #FDFBFB; */
    background-color: #f8f8f8;
    padding: 30px 0 37px;
    /*background-image: url(https://www.namratagroup.com/amberwood/assets/images/hero/butterfly-mob-800x800.gif);*/
    /*background-image: url(https://www.namratagroup.com/amberwood/assets/images/hero/butterfly-mob-800x800-4.gif);*/
    /*background-image: url(../images/bg/amberwood-about-800x688-2.webp)!important;*/
}


#single-bg{
    /*background-image: url(../images/bg/amberwood-singleimg-bg-2-800x688-11july.webp);*/
}

.section-about, #about-head {
    text-align: center;
}
.sec-inspired {

    margin: 18px 0px 0px;
    padding: 50px 0px 20px;
}
/* ===== Amenities list 480 ======= */
 	.amenities-new-sec #nav-tab .nav-link{
 		font-size: 1em;
 		padding: 5px 10px;
 	}
 	.ame-ul {
 		display: grid;
 	}
 	
 	.ame-ul ul{
 		padding-left: 3rem;
 	}
 	/* ===== Amenities list ======= */
.slider1-2way-head1,
.slider1-2way-head2{
	padding: 20px;
}
	/*=============== floor plan start - 540 ===========*/
	.sec-floorplans {
	    padding: 35px 0 60px;
	}
	.sec-floorplans .row-2 ul {
    /*margin-left: 0%;*/
    /*margin-left: 20%!important;*/

    /*margin-left: 20%!important;*/
}
.sec-gal-tab {	
    padding: 34px 0 47px;
    }
    .sec-loc {
    padding: 35px 0px 60px;
}

.sec-floorplans .zoom-img {
    width: 300px;
    height: 200px;
}

.sec-floorplans .nav-tabs .nav-item a{
    font-size: 11px;
}
	
 
/*=============== floor plan end - 540 ===========*/

/*=============== Gallery start - 540 ===========*/
	.sec-gallery .row-2 ul {
    /*margin-left: 0%;*/
    /*margin-left: 20%!important;*/

    margin-left: 20%!important;
}


.sec-gallery .zoom-img {
    width: 300px;
    height: 200px;
}


.sec-gallery .nav-tabs .nav-item a{
    font-size: 11px;
}
	
 
/*=============== Gallery end - 540 ===========*/


	/*map location div*/
	.sec-map {
    padding: 9px 0 0px;
    background: #FFFFFF;
}
.sec-map .row1-map .row-key-distance{
    margin: 10px;
}
.sec-map .row1-map .key-distance {
    padding: 30px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    /*margin-top: -130px;*/
    z-index: 999;
    background: #FFF;
    border-radius: 6px;
}

	/*footer 540*/
	/*footer 2nd row*/
	.section-footer .row1-footer{
	    border-top: none;
	    margin: 20px;
	}
	.section-footer .row1-footer .social_icons {
    margin-top: 23px;
    display: grid;
}
.section-footer .row1-footer {
    padding: 50px 0px 0px;
}
.section-footer .row2-footer p {
    margin-bottom: 36px;
}
	.section-footer .row1-footer ul {
	    padding-bottom: 20px;
	}

	
	.left-div-contents{
	  padding: 0px 0px 0px;
	}
	
	/*footer : 540 media */
	.left-div-contactus{
	    margin: 40px 19px 40px 19px;
	    text-align: center;
	}
	.left-div-contactus h4{
	    padding: 27px 0px 30px 0px;
	}
	.section-footer .row1-footer {
        padding: 50px 0px 0px;
        text-align: center;
    }
    #footer-copyright, #privacy{
        text-align: center;
    }
    
    #privacy{
        text-align: center;
        padding: 0px 20px;
    }


}

/*540px media end*/

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

/*common heading 767 start */
.section-title {
    /*padding-left: 0;
    padding-right: 0;*/
    padding: 0px 20px;
    margin-bottom: 25px;
}
.section-title h2 span,
.section-title h1,
.section-title h2 {
    font-size: 43px;
    padding-bottom: 14px;
    /* letter-spacing: 0.1rem; */
    line-height: 47px;
    /*letter-spacing: -1px;
    padding: 15px 10px;*/
}
.section-title h3{
        font-size: 16px;
        margin-bottom: 0px;
        position: relative;
        text-transform: initial;
        font-weight: 100;
        line-height: 22px;
        letter-spacing: 0rem;

}

.about-us .ab-content h2 {
    font-size: 43px;
    line-height: 22px;
    padding-top: 16px;
    }
.about-us .sec-title p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 19px;
}
.sec-title{
	padding: 0px 20px;
}
.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}
/*common heading 767 end */

/* floor Plans1 css start*/
.sec-floorplans1 {
    padding: 50px 0 50px;
}
.section-title__title {
    font-size: 25px;
    line-height: 36px;
    letter-spacing: 0.2rem;
}
.sec-floorplans1__title {
    font-size: 15px;
}

/* Floor plans1 css end*/
}


/*================Display at mob 768px==================*/

@media only screen and (max-width: 768px)
{  
	
	.col-auto {
    	width: 100%;
	}

	/*common heading 768 start */
	.section-title {
	    /*padding-left: 0;
	    padding-right: 0;*/
	    padding: 0px 0px;
	    margin-bottom: 25px;
	}
	.section-title h2 span,
	.section-title h1,
	.section-title h2 {
	    font-size: 34px;
        padding-bottom: 14px;
        /* letter-spacing: 0.1rem; */
        line-height: 38px;
	    /*letter-spacing: -1px;
	    padding: 15px 10px;*/
	}
	.section-title h3{
            font-size: 19px;
        margin-bottom: 0px;
        position: relative;
        text-transform: initial;
        font-weight: 100;
        line-height: 22px;
        letter-spacing: 0rem;

}

.section-about {
    /* background-color: #FDFBFB; */
    background-color: #f8f8f8;
    padding: 30px 0 37px;
}
.about-us .ab-content h2 {
    font-size: 43px;    
    line-height: 22px;
    padding-top: 16px;
    }
.about-us .sec-title p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 19px;
}
	.sec-title{
		padding: 0px 20px;
	}
	.sec-title p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 13px;
}
	/*common heading 768 end */

	
.about-us img{
	height: 100%;
}
.about-us .img-left{
	height: 100%;
}
/*floor plan tab - 768*/
	.sec-floorplans .row-2 ul{
    /*margin-left: 27%;*/
	}

/*Gallery tab - 768*/
	.sec-gallery .row-2 ul{
    margin-left: 27%;
	}

	.left-div-contactus {		
	    margin: 40px 19px 40px 19px;
	}
	
	.ame-ul ul {
    padding-left: 2rem;
}

	/* ==== Form form start - 480 ==== */
	.row-footer-form .form-div
	{ 
	    /*padding: 30px 40px 30px 40px;*/
	    padding: 40px 50px;
	}
	.form-div h4{
	    padding: 22px 0px;
	}
	.form-group a {
    margin: 40px 0px 24px;
}

	/* ==== Form form end ==== */
	
}

/*768px media end*/

/*================Display at mob 1024px start==================*/


@media only screen and (max-width: 1024px)
{  
        /*.section-title h1, .section-title h2 {
        font-size: 52px;
        padding-bottom: 14px;
        line-height: 47px;
    }
    .about-us .ab-content h2{
        font-size: 52px;
    }*/
}


/*1024px media end*/