/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2160px) {}

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {


	.inner-banner h1 {
		font-size: 45px;
		font-weight: 400;
		line-height: 50px;
	}


	.contact-box-text h4 { 
        font-size: 18px;
        line-height: 33px;
        font-weight: 500;
	}

	.contact-box-text h4 a {
	        font-size: 18px;
        line-height: 40px;
        font-weight: 400;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {


	.inner-banner h1 {
		font-size: 35px;
		padding: 2% 0%;
		line-height: 40px;
	}


	.inner-about-section .about-section-left {
		padding: 15% 0% 0% 10%;
		margin: 0px;
	}


	.video-box {
		padding: 50px 0px 45px 0px;
		margin: 0px;
	}


	.appointment-section-left h2 {

		padding: 15px 0px;

		font-size: 22px;

		line-height: 16.5px;

	}

	.appointment-box {

		padding: 15px 20px;

		min-height: 400px;
	}


	.submit-btn {

		font-size: 14px;
		font-weight: 400;
		width: 60px;
		height: 60px;

		border-radius: 50%;
		text-align: center;
		padding: 22px 10px;
		color: #fff;
		border: 0px;
		position: absolute;
		left: 39%;
		right: 39%;
		bottom: -35px;
	}


	.servicescard {
		margin: 0px 0px;
		padding: 20px 19px;
		position: relative;
		min-width: 214px;
		width: 100%;
	}


	.servicescard h5 {
		font-size: 13px;
	}

	.servicescard li a {
		font-size: 13px;
	}


	.footer-section {

		padding: 40px 0px;

	}

	.clientsays-section h2 {
		font-size: 40px;
	}

	.amenities-section h2 {
		font-size: 40px;
	}

	.about-section h2 {
		font-size: 40px;
	}

	.services-section h2 {
		font-size: 40px;
	}

	.banner-right h1 {
		font-size: 45px;
		line-height: 55px;
	}


	.banner-left-img.big {
		max-width: 80%;
		border: 4px solid #E282A2;
		border-radius: 224px;
	}


	.info-section-start {
		padding: 60px 0px;
	}


	.info-box {
		min-height: 270px;
	}


	.contact-box-text h4 a {
		font-size: 18px;
		line-height: 28px;
	}


	.contact-box-text h4 {
		font-size: 18px;
		line-height: 28px;
	}


	.servicescard h4 {
		font-size: 20px;
		font-weight: 400;
		line-height: 40px;
	}


	.footer-text p {
		font-size: 11px;
	}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


	/* ======================================================= */


	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 15px;
		color: #000000;
		padding: 12px 7px;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #B45876 !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #B45876 !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 100%;
		padding: 0px 12px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #1476bd;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #c4a997;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #20A1FF;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;
	}


	/* ======================================================= */


	.banner-left-img.big {
		max-width: 250px;

	}

	.banner-right {
		margin: 50px 0px 0px;
	}


	.banner-right h1 {
		font-size: 35px;
		line-height: 45px;
		margin: 0px 0px 15px 0px;
	}

	.banner-right p {
		font-size: 22px;
		line-height: 33px;
	}


	.info-section-start {
		padding: 50px 0px;
	}


	.services-section h2 {
		font-size: 35px;
		font-weight: 400;
		line-height: 45px;
	}


	.product-box-text h3 {
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
		margin: 0px 0px 20px 0px;
		min-height: 30px;
	}


	.about-section h2 {
		font-size: 35px;
		font-weight: 400;
		line-height: 45px;
	}


	.about-section-left p {
		font-size: 13px;
		font-weight: 400;
		line-height: 22px;
		margin: 0px 0px 20px 0px;
	}


	.about-section-right.big {
		width: 100%;
	}


	.services-section {
		padding: 50px 0px;
	}


	.about-section {
		padding: 50px 0px;
	}


	.amenities-section {
		padding: 50px 0px;
	}


	.amenities-section h2 {
		font-size: 35px;
		line-height: 45px;
	}


	.amenities-box {
		margin: 0px 0px 20px 0px;
	}


	.video-box {
		padding: 0px 0px 0px 0px;
	}


	.video-box h2 {
		font-size: 33px;
		font-weight: 400;
		line-height: 33px;
	}


	.video-box p {
		font-size: 20px;
		line-height: 20px;
	}


	.clientsays-section {
		padding: 50px 0px;
	}


	.clientsays-section h2 {
		font-size: 35px;
		font-weight: 400;
		line-height: 35px;
	}


	.client-box-text p {
		font-size: 13px;
	}


	.client-box-text h6 {
		font-size: 20px;
	}


	.appointment-section-left h2 {
		padding: 14px 0px;
		font-size: 16px;
		line-height: 10.5px;
	}


	.appointmentform .form-group .form-control {
		padding: 6px 12px;
	}


	.amenities-section-inner {
		margin: 30px 0px 0px;
		padding: 0px;
	}


	.info-box-text h3 {
		font-size: 17px;
		font-weight: 500;
		line-height: 24px;
	}


	.info-box {
		min-height: 370px;
	}


	.footer-right {
		display: block;
	}


	.servicescard {
		padding: 10px 30px;
	}


	.servicescard h4 {
		font-size: 22px;
		font-weight: 400;
		line-height: 32px;
	}


	.appointment-section-right {
		padding: 0;
	}


	.inner-banner h1 {
		font-size: 26px;
		padding: 0% 0% 2% 0%;
		line-height: 40px;
	}

	.inner-about-section .about-section-left {
		padding: 8% 0% 0% 0%;
		margin: 0px;
	}

	.about-section-right {
		margin: 0px;
	}


	.about-section.inner-services-section ul li {
		font-size: 13px;
		line-height: 22px;
	}


	.submit-btn {
		font-family: "Astrid", serif;
		font-size: 16px;
		font-weight: 400;
		width: 75px;
		height: 75px;
		background: #B45876;
		border-radius: 50%;
		text-align: center;
		padding: 27px 10px;
		color: #fff;
		border: 0px;
		position: absolute;
		left: 39%;
		right: 39%;
		bottom: -39px;
	}


	.read-more-butn {
		font-size: 20px;
	}


	.contact-box-text {
		padding: 0px;
		margin: 0px;
	}


	.contact-box-text h4 {
		font-size: 12px;
		line-height: 18px;
	}

	.contact-box-text h4 a {
		font-size: 12px;
		line-height: 18px;
	}


	.contact-box {
		border-radius: 20px;
		padding: 20px 20px;
	}
 

	.servicescard li {
		font-size: 14px;
		line-height: 22px;
	}
.banner-right p span{ bottom: 57px; left: 15%;}  
.head-contact a{left:-8%;}
.aigwl_hexagonal_gallery_sec .hexagonal_gallery_sec{width:820px !Important;}
}

/* Tablet desktop :320px. */ 
@media (min-width: 320px) and (max-width: 767px) {
 .aigwl_hexagonal_gallery_sec .hexagonal_gallery_sec{width:300px !Important;}  
.aigwl_hexagonal_gallery_item:nth-child(n+2) {
        margin-top: 0px !Important;
    }
 .aigwl_hexagonal_gallery_item:nth-child(2n) {  
        margin-left: 0px !Important;
    }    
    

.aigwl_hexagonal_gallery_item:nth-child(2n) { 
        margin-left: 0px;
    }
 .aigwl_hexagonal_gallery_item:nth-child(n+2) {
        margin-top: -56px;
    }
.appointment-section-left h6{font-size: 35px;}    
.banner-right p span{ bottom: 57px; left: 15%;} 
	.head-contact a{
        top: 50%;
        left: -15%;
        z-index: 999;}
	
	.container-fluid {
		padding: 0px 20px !important;
	}

	.banner-left-img.big {
		max-width: 284px;
		border: 4px solid #E282A2;
		border-radius: 224px;
	}

	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 15px;
		color: #000000;
		padding: 12px 7px;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #B45876 !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #B45876 !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 100%;
		padding: 0px 12px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 25px;
		height: 3px;
		margin: 0 0 4px;
		background: #1476bd;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #c4a997;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #20A1FF;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;
	}


	.banner-left-img {
		margin: 0px 0px 19px 0px;
	}

	#banner-slider .owl-dots {
		bottom: 18px;
	}

	.banner-right {
		margin: 1px 0px 0px;
	}

	.banner-left {
		padding: 10px 0px 0px 11px;
	}

	.banner-right h1 {
		font-size: 32px;
		line-height: 35px;
	}

	.banner-right p {
		font-size: 16px;
		line-height: 15px;
		padding: 5px 5px 54px 5px;
	}

	.info-section-start {
		padding: 30px 0px;
	}

	.info-box {
		padding: 26px 20px;
		margin-bottom: 12px;
	}

	.services-section {
		padding: 30px 0px;
	}

	.services-section h2 {
		font-size: 25px;
		line-height: 29px;
	}

	.product-box-text h3 {
	        font-size: 20px;
        line-height: 21px;
        min-height: 18px;
        margin-top: 20px;
	}

	.about-section {
		padding: 30px 0px;
	}

	.about-section-left {
		padding: 4% 0% 0% 0%;
	}

	.read-more-butn {
		width: 60px;
		height: 58px;
		font-size: 15px;
		line-height: 15px;
		margin: 0px auto;
		padding: 15px 10px;
	}

	.about-section h2 {
		font-size: 25px;
		line-height: 29px;
	}

	.about-section-left p {
		font-size: 13px;
		line-height: 22px;
		margin: 0px 0px 30px 0px;
	}

	.about-section-right.big {
		max-width: 265px;
		margin: 0px auto;
	}

	.amenities-section {
		padding: 30px 0px;
	}

	.amenities-section-inner {
		margin: 20px 0px 0px;
	}

	.amenities-section h2 {
		font-size: 25px;
		line-height: 29px;
	}

	.amenities-box-img {
		width: 60px;
		height: 60px;
	}

	.amenities-box-text {
		margin: 6px 0px;
	}

	.amenities-box-text h3 {
		font-size: 16px;
		line-height: 25px;
	}

	.amenities-box {
		margin: 0px 0px 13px 0px;
	}

	.video-box {
		padding: 33px 0px 21px 0px;
	}

	.play-button {
		top: 73%;
	}

	.video-section-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
	}

	.video-box h2 {
		font-size: 25px;
		line-height: 29px;
		margin: 0px 0px 8px 0px;
	}

	.video-box p {
		font-size: 14px;
		line-height: 20px;
		margin: 0px 0px 10px 0px;
	}

	.play-button a i {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.clientsays-section {
		padding: 35px 0px;
	}

	.clientsays-carousel {
		margin: 19px 0px 0px;
	}

	.clientsays-section h2 {
		font-size: 25px;
		line-height: 29px;
	}

	.client-box-text {
		margin: 15px 0px 20px;
	}

	.video-section {
		border: #000 1px solid;
		min-height:399px;
		overflow: hidden;
	}

	.appointment-sectioncard {
		margin: 40px 0px 79px 0px;
	}

	.appointment-section-left h2 {
		padding: 16px 0px;
		font-size: 18px;
	}

	.appointment-sectioncard h4 {
		font-size: 19px;
		font-weight: 400;
		line-height: 18.5px;
		left: 0px;
		bottom: 0;
	}

	.sectioncardleft {
		padding: 0 0 0 0px;
	}

	.footer-right {
		flex-wrap: wrap;
	}

	.servicescard {
		margin: 0px 0px 9px 0px;
		min-width: 100%;
	}

	/*============================================================================================*/


	.appointment-section-right {
		padding: 0%;
	}


	.inner-banner h1 {
		font-size: 24px;
		padding: 3% 0%;
		line-height: 30px;
	}


	.footer-section {
		padding: 30px 0px;
		margin: 0px;
	}


	.about-section.inner-services-section ul li {
		font-size: 13px;
		line-height: 22px;
	}


	.footer-text p {
		font-size: 11px;
	}


	.contact-box {
		padding: 20px 25px;
		margin-bottom: 20px;
	}


	.contact-box-text h4 {
		font-size: 14px;
		line-height: 30px;
	}

	.contact-box-text h4 a {
		font-size: 14px;
		line-height: 30px;
	}


	.inner-gallery-section {
		padding: 20px 0px;
	}
.text-container {
    left: 40px;
    right: 40px;}

}