@charset "utf-8";

/* CSS Document */





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

	.legacy-info .legacy-box {

		padding: 60px 25px;

	}



}

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

	.neck-banner p {

		margin: 40px 0px 0px 0px;

		line-height: 30px;

		font-size: 20px;

	}



	.title h2 {

		letter-spacing: 4px;

	}



	.menu-box {

		padding: 0px 40px;

	}



	.menu-box span {

		display: inline;

	}



	.about-info .illus-box {

		margin-bottom: 30px;

	}



	.bg-img {

		max-height: 400px;

	}



	.videobox {

		padding: 50px 0px;

	}



	.legacy-info {

		padding: 70px 0px;

	}



	.bot-info span {

		display: inline;

	}



	.bot-info {

		padding: 55px 0px;

	}



	.nitin-sec {

		padding: 120px 0px 20px;

	}



	.craftbanner {

		max-height: 600px;

	}



	.videobox p {

		font-size: 20px;

	}



	.heritage-info span {

		display: inline;

	}



	.video-info p {

		margin: 0;

	}



	.video-info {

		margin-top: 40px;

	}



	.second-video {

		padding: 50px 0px;

	}



	.mainbanner .addressbox {

		padding: 50px 30px;

	}



	.watermark2::after {

		display: none;

	}



}

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

	.neck-banner {

		padding: 115px 0px 50px;

	}



	.title {

		padding: 25px 0px;

	}



	.title h2 {

		font-size: 12px;

	}



	.about-info {

		text-align: center;

	}



	.about-info img {

		max-width: 100%;

	}



	.para-alt {

		line-height: 22px;

	}



	.img-cover {

		max-width: 100%;

	}



	.menu-box {

		padding: 30px 60px;

	}



	.legacybanner {

		max-height: 475px;

	}



	.videobox span {

		display: inline;

	}



	.legacy-info .legacy-box {

		padding: 60px 50px;

	}



	.bot-info {

		padding: 40px 0px;

	}



	.bot-info p {

		font-size: 20px;

	}



	.nitin-content {

		text-align: center;

	}



	.nitin-sec .nitin-content {

		padding: 50px 0px 0px 0px;

	}



	.craftinfo .craftright p {

		font-size: 20px;

		line-height: 35px;

	}



	.video-info span {

		display: inline;

	}



	.heritage-info {

		padding: 30px 0px;

	}



	.mainbanner .addressbox .add-footer::after { 

		width: 81%;

	}

	 

	.mainbanner .addressbox {

		padding: 50px 40px;	

	}



	.mainbanner {

		padding: 130px 0px 60px;

	}



	.watermark1::after {

		display: none;

	}



	.story span{

		display: inline;

	}



	.story p {

		font-size: 20px;

	}



	.reverse {

		flex-direction: column-reverse;

	}

}

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

	.craftinfo .craftright span {

		display: inline;

	}



	.craftinfo .craftright img {

		max-width: 50%;

		margin-bottom: 30px;

	}



	.craftinfo .craftright {

		padding: 0px 20px;

	}

	.videobox span {

		display: inline;

	}



	.videobox p {

		line-height: 32px;

	}



	.gallery-bot {

		padding: 40px 0px;

	}



	.footer {

		padding: 25px 0px;

	}



	.heritage-info p {

		font-size: 20px;

	}



	.herbanner {

		max-height: 510px;

	}



	.timeline-title {

		padding: 110px 0px 30px;

	}



	.history-info .info-box {

		padding: 20px;

	}



	.info-box span {

		display: inline;

	}

}

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

	

	#sidenav {

		display: none;

	}



	.mobile-menu {

		display: block;

	}



	.videosec {

		background: url(../images/modelbg.jpg) no-repeat center;

		-webkit-background-size: cover;

		     -o-background-size: cover;

		        background-size: cover;

	}



	#videoItem {

		display: none;

	}



	.bg-img {

		max-height: 300px;

	}



	.craftbanner {

		max-height: 500px;

	}



	.craftinfo .craftright {

		padding: 40px 20px;

	}



	.videobox .video-bg {

		margin: 30px 0px;

	}



	.story {

		padding: 35px 0px;

	}



	.story p {

		line-height: 30px;

	}

}

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

	.neck-banner p {

		margin: 25px 0px 0px 0px;

		font-size: 18px;

	}



	.videobox p {

		font-size: 20px;

	}



	.gallery-bot img {

		padding: 15px 0px;

	}



	.row.sp1 [class*="col-"], .sp1 [class*="col-"] {

		padding: 5px 0px;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 73%;

	}



	table {

		display: block;

		overflow-x: auto;

    	white-space: nowrap;

	}



	table .time-content a {

		padding: 50px 10px 0px;

	}



	table .time-years a {

		padding-bottom: 30px;

	}



	table .time-years a::after {

		top: 43px;

		height: 50px;

	}





}

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

	.craftbanner {

		max-height: 400px;

	}



	.heritage-info p {

		margin-top: 20px;

		font-size: 18px;

	}



}

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

}

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

	.craftbanner {

		max-height: 300px;

}

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

	.img-cover {

		max-width: 100%;

	}



	.menu-box {

		padding: 30px;

	}



	.videobox p {

		font-size: 18px;

	}



	.row.sp1 [class*="col-"], .sp1 [class*="col-"] {

		padding: 5px 15px;

		text-align: center;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 74%;

	}



}

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

	.top-bar .top-nav {

		width: 250px;

	}



	.top-bar .top-nav ul li a {

		padding: 15px 20px;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 68%;

	}

}

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

	.menu-box {

		padding: 30px 10px;

	}



	.craftinfo .craftleft li {

		width: 100%;

	}



	.video-info p {

		font-size: 20px;

	}



	.mainbanner .addressbox .add-body::after { 

		right: -38px;

	}



	.mainbanner .addressbox .add-footer::after { 

		width: 78%;

	}



	 .story p {

	 	font-size: 18px;

	 }



	 .heritage-info p {

	 	line-height: 30px;

	 }



	 table {

	 	white-space: normal;

	 }



	 table .time-content a {

	 	line-height: 23px;

	 }

}

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

	.legacybanner {

		max-height: 300px;

	}



	.videobox p {

		font-size: 18px;

	}



	.videobox .video-bg {

		margin: 0;

	}



	.legacy-info .legacy-box {

		padding: 30px;

	}



	.bot-info p {

		font-size: 18px;

		line-height: 28px;

	}



	.nitin-sec {

		padding: 120px 0px 30px;

	}





	.mainbanner .addressbox .add-body p {

		font-size: 13px;

	}



	.mainbanner .addressbox .add-footer p {

		font-size: 13px;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 76%;

	}



	.mainbanner .addressbox {

		padding: 40px;

	}

}

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

	.nitin-sec .nitin-content p {

		font-size: 14px;

		line-height: 25px;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 75%;

	}



	.timeline-title {

		padding: 100px 0px 30px;

	}



	.timeline-title h2 {

		font-size: 45px;

	}

}

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

	.footer {

		padding: 20px 0px;

	}



	.bot-info p {

		padding: 0px 7px;

	}



	.videobox {

		padding: 40px 0px;

	}



	.videobox .video-bg {

		margin: 20px 0px;

	}



	.mainbanner .addressbox .add-footer::after { 

		width: 72%;

	}



	.mainbanner .addressbox .add-body::after {

		bottom: -45px;

	}

}

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

	

	#top-nav-btn {

		top: 19px;

	}



	.logo-d img {

		max-width: 70%;

	}



	.title h2::after {

		right: -35px;

	}



	.title h2::before {

		left: -35px;

	} 



	.videobox {

		padding: 30px 0px;

	}



	.videobox p {

		font-size: 18px;

		line-height: 28px;

	}



	.legacy-info {

		padding: 40px 0px;

	}



	.legacy-info .legacy-box {

		padding: 15px 20px;

	}



	.legacy-info .legacy-box .rose-box {

		margin-bottom: 25px;

	}



	.nitin-sec .nitin-content h3 {

		margin-bottom: 25px;

	}



	.craftinfo .craftright {

		padding: 40px 0px;

	}



	.craftinfo .craftright p {

		font-size: 18px;

		line-height: 30px;

	}



	.mainbanner {

		padding: 90px 0px 40px;

	}



	.mainbanner .addressbox {

		padding: 30px 40px;

	}



	.mainbanner .addressbox .add-footer p {

		line-height: 28px;

	}



	.mainbanner .addressbox .add-body p {

		line-height: 28px;

	}



	.mainbanner .addressbox .add-footer::after {

		width: 66%;

	}



	.history-info .info-box {

		padding: 20px 10px;

	}



	.row.mt-2.sp1 {

		margin-top: 0 !important;

	}





}