@media (min-width: 1441px){
	:root{
		--bigfont:26px;
		--primaryfont:22px;
		--smallfont:18px;
		--headingfont:64px;
		--sectionpadding:90px; 
	}

	.logo{
		font:normal normal normal 42px/50px Chronicle Display;
	}
	.font58{
		font: normal normal normal 64px/86px Chronicle Display;
	}
	.font42{
		font: normal normal normal 52px/64px Chronicle Display;
	}
	.font32{
		font: normal normal normal 38px/50px Chronicle Display;
	}

	.font28{
		font: normal normal normal 36px/48px Chronicle Display;
	}
	.font24{
		font: normal normal normal 32px/45px Chronicle Display;
	}

	.font20{
		font: normal normal normal var(--bigfont)/39px Chronicle Display;
	}

	.hero-text-box .font24,.hero-text-box .font28,.hero-text-box .font42{
		margin-bottom:6vh;
	}

	.menuicon {
	    height:40px;
	    width: 45px;
	}

	.menuicon > span {
	    width: 34px;
	}
	.menuicon > span.line2 {
	    top: 28px;
	    width:26px;
	}

	.menu-toggler:hover .menuicon > span.line2{
		top:28px;
	}

	.h2l {
		margin-bottom: 2vh!important;
	}

	.ss-text{
		font-size:120%;
	}

	.footerlink-wrapper ul li a {
	    position: relative;
	    padding: 2px 30px;
	    margin: 0px 10px;
	}

	.subscription-form-wrap .inputwrapper .cinput{
		line-height: 60px;
	}
	.subscription-form-wrap .subscription-button {
	    width: 58px;
	    height: 58px;
	}

	.subscription-form-wrap .subscription-button:before{
		width: 35px;
		height: 2px;
	}

	.subscription-form-wrap .subscription-button:after{
		    width: 15px;
		    height: 15px;
		    -webkit-transform: translate(0px, -8px) rotate(315deg);
		        -ms-transform: translate(0px, -8px) rotate(315deg);
		            transform: translate(0px, -8px) rotate(315deg);
		    border-right: 2px solid #707070;
		    border-bottom: 2px solid #707070;
	}
}
@media (max-width: 1280px){
	:root{
		--bigfont:19px;
		--primaryfont:17px;
		--smallfont:15px;
		--headingfont:50px;
		--sectionpadding:75px;  
	}

	.logo{
		font: normal normal normal 32px/41px Chronicle Display;
	}
	.font58{
		font: normal normal normal 50px/65px Chronicle Display;
	}
	.font42{
		font: normal normal normal 40px/50px Chronicle Display;
	}
	.font32{
		font: normal normal normal 28px/39px Chronicle Display;
	}
	.font28{
		font: normal normal normal 26px/34px Chronicle Display;
	}
	.font24{
		font: normal normal normal 23px/39px Chronicle Display;
	}
	.font20{
		font: normal normal normal var(--bigfont)/39px Chronicle Display;
	}
}
@media (max-width: 1024px){
	:root{
		--bigfont:16px;
		--primaryfont:15px;
		--smallfont:13px;
		--headingfont:40px;
		--sectionpadding:55px;  
	}

	.logo{
		font: normal normal normal 32px/41px Chronicle Display;
	}
	.font58{
		font: normal normal normal 42px/65px Chronicle Display;
	}
	.font42{
		font: normal normal normal 34px/50px Chronicle Display;
	}
	.font32{
		font: normal normal normal 25px/39px Chronicle Display;
	}
	.font28{
		font: normal normal normal 24px/34px Chronicle Display;
	}
	.font24{
		font: normal normal normal 20px/39px Chronicle Display;
	}
	.font20{
		font: normal normal normal var(--bigfont)/39px Chronicle Display;
	}
	.contactdetail a {
	    font: normal normal normal 24px/32px Chronicle Display;
	}

	.collection-grid-text ul li:before{
		top:9.5px;
	}
	.collection-grid-text ul li{
		padding-left: 20px;
	}

	.menubox .menulink{
		font-size:32px;
	}
	.hasdropdown .dropdownarrow:before{
		width:16px;
		height:16px;
	}
	.hasdropdown .dropdownarrow {
	    width: 38px;
	    height: 38px;
	    position: relative;
	}

	.hero-section .hero-greybg1{
		width:8%;
	}
	.hero-section .hero-greybg2{
		height:12%;
	}
	.herowrapper .hero-img-box {
	    width: 40%;
	}
	.hero-text-box{
		width:60%;
	}

	.breadcrumbmarquee span {
	    font: normal normal normal 120px/148px Chronicle Display;
	}

	.hero-text-box .font24, .hero-text-box .font28, .hero-text-box .font42 {
	    margin-bottom: 3vh;
	}
	.counter__time span.ss_time{
		font:normal normal normal 68px/86px Chronicle Display;
	}
	.coll-text {
	    padding: 20px;
	}
}
@media (max-width: 992px){
	:root{
		--bigfont:15px;
		--primaryfont:14px;
		--smallfont:12.5px;
		--headingfont:30px;
		--sectionpadding:45px;  
	}
	.logo{
		font: normal normal normal 24px/30px Chronicle Display;
	}
	.font58{
		font: normal normal normal 42px/52px Chronicle Display;
	}
	.font42{
		font: normal normal normal 24px/32px Chronicle Display;
	}
	.font32{
		font: normal normal normal 20px/26px Chronicle Display;
	}
	.font28{
		font: normal normal normal 18px/25px Chronicle Display;
	}
	.font24{
		font: normal normal normal 15px/22px Chronicle Display;
	}
	.font20{
		font: normal normal normal var(--bigfont)/22px Chronicle Display;
	}
	.contactdetail a{
		padding-left: 10px;
	}

	.contactdetail .icon img{
		width:40px;
	}
	.collection-grid-item{
		width:700px;
	}

	.loaderlogo{
		text-align: center;
		font-size:32px;
	}
	#loader-progstat{
		top:55%;
	}

	#loader-progress{
		top:60%;
	}

	.header .headercontainer{
		padding-top:10px;		
	}
	.herowrapper {
	    margin-top: 75px;
	}
	.animatedimgbox {
	    position: relative;
	    margin: 50px auto;
	    width: calc(100% - 100px);
	}

	.aboutusimg-wrapper.active .animatedimgbox:before{
		top: -20px;
		left:-20px;
	}

	.aboutusimg-wrapper.active .animatedimgbox:after {
	    top: 20px;
	    left:20px;
	}

	.herowrapper .hero-img-box {
	    width: 35%;
	}
	.hero-text-box .font24, .hero-text-box .font28, .hero-text-box .font42 {
	    margin-bottom: 4vh;
	}
	.menubox .menulink {
	    font-size: 24px;
	    margin:5px 0px;
	}

	.hasdropdown .dropdownarrow:before {
	    width: 12px;
	    height: 12px;
	    border-right: 2px solid #fff;
	    border-bottom: 2px solid #fff;
	}
	.hasdropdown .dropdownarrow {
	    width: 25px;
	    height: 25px;
	}

	.menudropdowncloser{
		width: 25px;
		height: 25px;
	}
	.menudropdowncloser:before{
		width: 12px;
		height: 12px;
		border-left: 2px solid #fff;
		border-top: 2px solid #fff;
	}
	.homecountdown-wrapper .homecountdown-upperdesign:after{
		width: 200px;
		height: 5px;
	}

	.homecountdown-wrapper .homecountdown-upperdesign{
		height: 5%;
	}
	.counter__time span.ss_time {
	    font: normal normal normal 48px/56px Chronicle Display;
	}
	.counter{
		margin:20px 0px;
	}

	.homegallery-wrapper{
		margin:30px 0px;
	}

	.homegallery-item:nth-child(3n - 1) {
	    padding-top: 30px;
	}
	.frontline span {
	    width: 19px;
	}
	.coll-text {
	    padding: 15px;
	    padding-bottom: 25px;
	}
	.coll-text p {
	    margin-bottom: 15px;
	}
	.cbtn span{
		line-height: 25px;
	}

	.cbtn:before{
		top:3px;
		left:3px;
	}

	h2.font58.footerhead {
	    font-size: 32px;
	}
	.subscription-right-inner {
	    margin-top: 0px;
	}
	.subscription-left {
	    width: 45%;
	}
	.subscription-right {
	    width: 45%;
	}

	.footerlink-section{
		padding:20px 0px;
	}
}
@media (max-width: 768px){
	.breadcrumbmarquee span {
	    font: normal normal normal 90px/118px Chronicle Display;
	}
	.specialthanks-wrapper{
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.specialthanks-item{
		width:45%;
		margin-top:50px;
	}
}
@media (max-width: 767px){
	:root{
		--sectionpadding: 30px;
	}



	h2.font58.footerhead {
	    font-size: 26px;
	}

	.homecountdown-left{
		padding-left:3%;
	}

	.homecountdown-wrapper{
		min-height: 100vh;
	}

	.frontline span{
		display: none;
	}

	.breadcrumbmarquee span {
	    font: normal normal normal 80px/108px Chronicle Display;
	}
	.collection-grid-item{
		width:95%;
	}

	.collection-grid-item a{
		width:50%;
	}
	.collection-grid-item .collection-grid-text{
		width:50%;
	}
}

@media (max-width: 680px){
	.herowrapper {
	    margin-top: 45px;
	}
	.mycontainer{
		width:95%;
		max-width:95%;
	}	
	.herowrapper{
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.herowrapper .hero-img-box {
	    width: 45%;
	}

	.hero-text-box{
		width:53%;
	}

	.hasdropdown .dropdownarrow:before {
	    width: 8px;
	    height: 8px;
	    border-right: 2px solid #fff;
	    border-bottom: 2px solid #fff;
	    top: 10px;
	}
	.homecountdown-right{
		padding-top:0;
	}

	.contactdetails-wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-bottom: 20px;
	}
	.contactdetail{
		width:100%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.contactseperator {
	    width: 100%;
	    height: 1px;
	    background: #747474;
	    margin: 3% 0%;
	}

	.contactform-wrap{
		width:90%;
		margin:auto;
	}
}

@media (max-width: 768px) and (min-height:425px){
	.herowrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}	

	.herowrapper .hero-img-box{
		width:50%;
		margin:auto;
	}
	.herowrapper .hero-text-box{
		margin-top:5vh;
		width:100%;
		padding:0;
		text-align: center;
	}

	.hero-section .hero-greybg2{
		height: 100px;
	}
	.hero-section .hero-greybg1{
		width:100px;
	}

	.hero-section .hero-yellowbg{
		width:200px;
		height:200px;
	}
	.font28 {
	    font: normal normal normal 30px/35px Chronicle Display;
	}
	.font42 {
	    font: normal normal normal 38px/50px Chronicle Display;
	}

	.font24 {
	    font: normal normal normal 16px/22px Chronicle Display;
	}

	.herowrapper{
		margin-top:0px;
	}

	.homecountdown-wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.homecountdown-left{
		width:100%;
		padding-left: 0px;
	}
	.homecountdown-section {
	    padding: 30px 0px;
	}

	.homecountdown-right{
		width:50%;
		margin:auto;
		margin-top:5vh;
		padding-top:0px;
	}

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

	.homecountdown-wrapper{
		height:100vh;
	}
	.homecountdown-wrapper .homecountdown-upperdesign{
		opacity: 0;
	}
	.homecountdown-left-inner .font20 {
	    margin-bottom:40px;
	}
	.homecountdown-left-inner .font42{
		margin-bottom:40px;
	}

	.homegallery-section {
		min-height:100vh;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.header .headercontainer {
	    padding-top: 20px;
	}
	.subscription-wrapper{
		width:100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.subscription-left{
		width:100%;
	}
	.subscription-right{
		width:100%;
		margin-top:50px;
	}

	.subscription-left h2.font58.footerhead{
		text-align: center;
	}

	.subscription-right-inner p.width80cs{
		margin:20px auto;
		width:50%;
		text-align: center;
	}

	.footerlink-wrapper ul{
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}

	.footerlink-wrapper ul li{
		display: block;
		width:100%;
	}

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

	.footerlink-wrapper ul li a{
		font-size:30px;
		margin-bottom: 10px;
	}
	.footerlink-wrapper ul li a:after{
		display: none;
	}
}

@media (max-width: 512px){
	
	.specialthanks-wrapper{
		margin-top:20px;
	}

	.specialthanks-item{
		width:95%;
		margin-top:20px;
		min-height: 140px;
	}

	.specialthanks-item-inner{
		min-height: 100px;
		width:calc(100% - 40px);
	}

	.collection-grid-item a {
	    width: 100%;
	}
	.collection-grid-item .collection-grid-text {
	    width: 100%;
	}
	.collection-grid-item{
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}
}

@media (max-width: 480px){

	.footerlink-wrapper ul li a{
		margin-bottom:0px;
	}
	.herowrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}	

	.herowrapper .hero-img-box{
		width:50%;
		margin:auto;
	}
	.herowrapper .hero-text-box{
		margin-top:5vh;
		width:100%;
		padding:0;
		text-align: center;
	}

	.hero-section .hero-greybg2{
		height: 100px;
	}
	.hero-section .hero-greybg1{
		width:100px;
	}

	.hero-section .hero-yellowbg{
		width:200px;
		height:200px;
	}

	.animatedimgbox{
		width:calc(100% - 50px);
	}

	.font28 {
	    font: normal normal normal 30px/35px Chronicle Display;
	}
	.font42 {
	    font: normal normal normal 38px/50px Chronicle Display;
	}

	.font24 {
	    font: normal normal normal 16px/22px Chronicle Display;
	}

	.herowrapper{
		margin-top:0px;
	}

	.homecountdown-wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.homecountdown-left{
		width:100%;
		padding-left: 0px;
	}
	.homecountdown-section {
	    padding: 30px 0px;
	}

	.homecountdown-right{
		width:50%;
		margin:auto;
		margin-top:5vh;
		padding-top:0px;
	}

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

	.homecountdown-wrapper{
		height:100vh;
	}
	.homecountdown-wrapper .homecountdown-upperdesign{
		opacity: 0;
	}
	.homecountdown-left-inner .font20 {
	    margin-bottom:40px;
	}
	.homecountdown-left-inner .font42{
		margin-bottom:40px;
	}

	.homegallery-section {
		min-height:100vh;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.header .headercontainer {
	    padding-top: 20px;
	}
	.subscription-wrapper{
		width:100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.subscription-left{
		width:100%;
	}
	.subscription-right{
		width:100%;
		margin-top:50px;
	}

	.subscription-left h2.font58.footerhead{
		text-align: center;
	}

	.subscription-right-inner p.width80cs{
		margin:20px auto;
		width:50%;
		text-align: center;
	}

	.footerlink-wrapper ul{
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}

	.footerlink-wrapper ul li{
		display: block;
		width:100%;
	}

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

	.footerlink-wrapper ul li a{
		font-size:30px;
		margin-bottom: 10px;
	}
	.footerlink-wrapper ul li a:after{
		display: none;
	}
}

@media (max-width: 480px){

	:root{
		--bigfont:14px;
		--primaryfont:14px;
		--smallfont:12.5px;
		--headingfont:30px;
		--sectionpadding:45px;  
	}

	p{
		line-height: 1.5;
	}

	.font58{
		font: normal normal normal 24px/32px Chronicle Display;
	}
	.font42{
		font: normal normal normal 20px/28px Chronicle Display;
	}
	.font32{
		font: normal normal normal 18px/24px Chronicle Display;
	}
	.font28{
		font: normal normal normal 16px/20px Chronicle Display;
	}
	.font24{
		font: normal normal normal 15px/20px Chronicle Display;
	}
	.font20{
		font: normal normal normal var(--bigfont)/20px Chronicle Display;
	}
	.contactdetail a {
	    font: normal normal normal 20px/26px Chronicle Display;
	}
	.contactdetail .icon img {
	    width: 30px;
	}
	.collectionslider-item-inner{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.contactseperator{
		margin:6% 0;
	}
	.coll-images{
		width:100%;
	}
	.coll-text{
		width:100%;
		text-align: center;
		padding:15px!important;
	}
	.coll-text .font32{
		min-height:0px;
	}

	.homecountdown-wrapper{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.herowrapper .hero-img-box {
	    width: 75%;
	    margin: auto;
	}
	.hero-text-box .font24, .hero-text-box .font28, .hero-text-box .font42 {
	    margin-bottom: 2vh;
	}
	.hero-section .hero-yellowbg{
		width:100px;
		height:100px;
	}

	.homecountdown-right{
		width:75%;
		margin-top:6vh;
		margin-bottom: 0px;
	}
	.homecountdown-left-inner .font42,.homecountdown-left-inner .font20{
		margin-bottom: 1vh;
	}
	.homegallery-wrapper{
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	.homegallery-item{
		width:45%;
		margin-bottom: 30px;
	}
	.homegallery-item:nth-child(3n - 1){
		padding-top:0;
	}

	.collectionslider-wrapper{
		max-width:80%;
		margin:50px auto 0px;
	}

	.menubox .menulink{
		font-size:28px;
	}

	.hasdropdown .dropdownarrow:before{
		top:15px;
	}
	.footerlink-wrapper ul li a{
		font-size:24px;
	}
	.footerlink-section {
	    padding: 30px 0px;
	}
	.subscription-right-inner p.width80cs{
		width:100%;
	}

	.logo {
	    font: normal normal normal 20px/30px Chronicle Display;
	}
	.loaderlogo {
	    text-align: center;
	    font-size: 24px;
	    white-space: nowrap;
	    top:45%;
	}

	.hero-section .hero-greybg1 {
	    width: 60px;
	}
	.hero-section .hero-greybg2{
		height:60px;
	}

	.coll-text .font32{
		margin-bottom:10px;
	}
	.coll-text {
	    padding: 10px 5px;
	    padding-bottom: 15px;
	}

	.herowrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (max-width: 435px){
	.header-left{
		width:0;
	}

	.headercontainer .logo-wrap{
		width: calc(100% - 100px);
		text-align: left;
	}
}

@media (max-width: 375px){
	.homegallery-item {
	    width: 49%;
	    margin-bottom: 30px;
	}

	.breadcrumbmarquee span {
	    font: normal normal normal 50px/80px Chronicle Display;
	}

	.breadcrumbmarquee{
		bottom:20px;
	}
}

@media (max-width: 340px){
	.homegallery-item {
	    width: 100%;
	    margin-bottom: 30px;
	}

	.logo {
	    font: normal normal normal 16px/30px Chronicle Display;
	}
}