@media(min-width: 768px) {
	.mb-md-0 {
		margin-bottom: 0;
	}
	.pr-md-40,
	.px-md-40 {
		padding-right: 40px;
	}
	.pl-md-40,
	.px-md-40 {
		padding-left: 40px;
	}
}
@media(min-width: 992px) {
	.my-lg-110,
	.mb-lg-110 {
		margin-bottom: 110px;
	}
	.my-lg-110,
	.mt-lg-110 {
		margin-top: 110px;
	}
	.my-lg-180,
	.mb-lg-180 {
		margin-bottom: 180px;
	}
	.my-lg-180,
	.mt-lg-180 {
		margin-top: 180px;
	}
	.py-lg-200,
	.pt-lg-200 {
		padding-top: 200px;
	}
	.py-lg-200,
	.pb-lg-200 {
		padding-bottom: 200px;	
	}
	.px-lg-90,
	.pr-lg-90 {
		padding-right: 90px;
	}
	.px-lg-90,
	.pl-lg-90 {
		padding-left: 90px;	
	}
	.mb-min-lg-45 {
	  margin-bottom: -45px;
	}
	.mb-min-lg-90 {
	  margin-bottom: -90px;
	}
}
@media (min-width: 1200px) {
	body .main-root > .side-bar-full {
		width: var(--s-box-full-new);
	}
	body .main-root > .side-bar-full .side-box-right {
		position: relative;
	    width: var(--s-box-right);
	    left: var(--s-box-left-new);
	    z-index: 2;
	}
	body .inner-content {
	    width: calc(100% - var(--s-box-full-new));
	    margin-left: auto;
  	}
}
@media(max-width: 1800px) {
	.main-title {
		font-size: 82px;
		line-height: 100px;
	}
	.extra-big-heading {
		font-size: 220px;
		line-height: 220px;
	}
	.big-heading {
		font-size: 170px;
		line-height: 170px;
	}
	.h1 {
		font-size: 80px;
		line-height: 100px;
	}
	.h2 {
		font-size: 64px;
		line-height: 64px;
	}
	.h4 {
	    font-size: 40px;
	    line-height: 40px;
	}
}
@media(max-width: 1600px) {
	.main-title {
	    font-size: 72px;
	    line-height: 86px;
	}
	.extra-big-heading {
		font-size: 180px;
		line-height: 180px;
	}
	.big-heading {
		font-size: 140px;
		line-height: 140px;
	}
	.h2 {
	    font-size: 56px;
	    line-height: 56px;
	}
	.year-position {
		top: 0;
		-webkit-transform: translateY(20%);
      		transform: translateY(20%);
	}
}
@media(max-width: 1500px) {
	.parallax-wrapper .parallax-element {
		width: 400px;
	}
}
@media(max-width: 1400px) {
	.main-title {
    	font-size: 66px;
	    line-height: 78px;
	}
	.extra-big-heading {
	    font-size: 160px;
	    line-height: 160px;
	}
	.big-heading {
	    font-size: 120px;
	    line-height: 120px;
	}
	.h1 {
	    font-size: 60px;
	    line-height: 70px;
	}
	.h2 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.h4 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.h6 {
	    font-size: 16px;
	    line-height: 16px;
	}
	.year-position {
    	top: 0;
    	-webkit-transform: translateY(10%);
    	transform: translateY(10%);
	}
	body, .main-root {
		font-size: 14px;
	}
}
@media(max-width: 1300px) {
	.parallax-wrapper .parallax-element {
		width: 300px;
	}
	.extra-big-heading {
	    font-size: 140px;
	    line-height: 140px;
	}
	.big-heading {
	    font-size: 110px;
	    line-height: 110px;
	}
	.year-position {
	    -webkit-transform: translateY(-20%);
	    transform: translateY(-20%);
	}
}
@media(max-width: 1300px) {
	.year-position {
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
}
@media(max-width: 1199px) {
	body .main-root > .side-bar-full .side-box-right {
		display: none;
	}
	.main-title {
	    font-size: 62px;
	    line-height: 72px;
	}
	.extra-big-heading {
		font-size: 130px;
		line-height: 130px;
	}
	.big-heading {
		font-size: 100px;
		line-height: 100px;
	}
	.h1 {
	    font-size: 56px;
	    line-height: 66px;
	}
	.h2 {
	    font-size: 44px;
	    line-height: 44px;
	}
	.h4 {
		font-size: 26px;
		line-height: 26px;
	}
	.h6 {
		font-size: 15px;
		line-height: 15px;
	}

}
@media(max-width: 991px) {
	.main-title {
	    font-size: 58px;
	    line-height: 68px;
	}
	.preloader-heading {
		font-size: 60px;
	}
	.extra-big-heading {
	    font-size: 110px;
	    line-height: 110px;
	}
	.big-heading {
	    font-size: 90px;
	    line-height: 90px;
	}
	.h1 {
    	font-size: 48px;
	    line-height: 58px;
	}
	.h2 {
	    font-size: 40px;
	    line-height: 40px;
	}
	.h4 {
	    font-size: 22px;
	    line-height: 22px;
	}
	.h6 {
	    font-size: 14px;
	    line-height: 14px;
	}
	.year-position {
		left: 10px;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	}
	.parallax-wrapper .parallax-element {
	    width: 340px;
	}
	.no-br-tag {
		text-align: center;
	}
	.thank-you-text {
		text-align: center;
		position: unset;
	}
	.mobile-section-height {
		min-height: unset;
	}
}
@media(max-width: 767px) {
	.year-position {
	    -webkit-transform: translateY(-70%);
	    transform: translateY(-70%);
	}
	.thank-you-text {
		transform: unset;
	}
	.main-title {
	    font-size: 54px;
	    line-height: 62px;
	}
	.extra-big-heading {
	    font-size: 90px;
	    line-height: 90px;
	}
	.big-heading {
	    font-size: 70px;
	    line-height: 70px;
	}
	.h1 {
	    font-size: 40px;
	    line-height: 46px;
	}
	.h2 {
	    font-size: 34px;
	    line-height: 34px;
	}
	.h4 {
	    font-size: 20px;
	    line-height: 20px;
	}
	.parallax-wrapper .parallax-element {
	    width: 300px;
	}
}
@media(max-width:  575px) {
	.preloader-heading {
		font-size: 40px;
	}
	.main-title {
	    font-size: 48px;
	    line-height: 56px;
	}
	.extra-big-heading {
	    font-size: 80px;
	    line-height: 80px;
	}
	.big-heading {
	    font-size: 60px;
	    line-height: 60px;
	}
	.h1 {
	    font-size: 36px;
	    line-height: 40px;
	}
	.h2 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.h4 {
	    font-size: 18px;
	    line-height: 18px;
	}
	.year-position {
	    -webkit-transform: translateY(-85%);
	    transform: translateY(-85%);
	}
	.thank-you-text {
		transform: unset;
	}
}
@media(max-width: 500px) {
	.mobile-screen-text-fix {
		font-size: 50px;
    	line-height: 50px;
	}
}
@media(max-width: 450px) {
	.mobile-screen-text {
		font-size: 50px;
    	line-height: 50px;
	}
	.mobile-screen-text-fix {
		font-size: 40px;
    	line-height: 40px;
	}
}
@media(max-width: 400px) {
	.mobile-screen-text-fix {
		font-size: 35px;
    	line-height: 35px;
	}
}
@media(max-width: 400px) {
	.mobile-screen-text {
		font-size: 40px;
    	line-height: 40px;
	}
}