/* Max-width Query */
/* ===============media css start=============== */
@media(max-width:1875px){
	.tr-img{
		text-align: center;
		position: relative;
	}
	img.tr-img1 {
		position: relative;
		top: 0;
		animation: unset;
		padding: 0 0 40px;
		width: 100%;
	}
	img.tr-img4 {
		position: relative;
		top: 0;
		right: 0;
		animation: unset;
		padding: 0 0 40px;
	}
	img.tr-img2 {
		width: 100%;
		left: 0;
		border-radius: 10px;
	}
	img.tr-img5 {
		top: 0;
		border-radius: 10px;
	}
	.tr-banner-inner {
		padding: 0px 60px 60px;
	}
	img.tr-img3 {
		top: 100px;
		border-radius: 10px;
	}
	.tr-topImg {
		display: none;
	}
	.tr-hover-overlayimg{
		right: 10px;
	}
}
@media(max-width:1399px){
	.tr-footer-wrapper::after{
		right: 15px;
	}
	.tr-homeindex-box:before{
		right: 0;
	}
}
@media(max-width:1300px){
	.tr_home-innerimg {
		width: auto;
	}
	.tr-color-template > img {
		margin-left: 0px;
	}
}
@media(max-width:1200px){
	.menu-open .tr-toggle-span span:nth-child(1) {
		transform: translate(1px,
		6px) rotate(-48deg);
	}
	.menu-open .tr-toggle-span span:nth-child(2) {
		opacity: 0;
		visibility: hidden;
	}
	.menu-open .tr-toggle-span span:nth-child(3) {
		transform: translate(1px,
		-6px) rotate(48deg);
	}
	body.menu-open .tr-back-overlay {
		opacity: 1;
		visibility: visible;
	}
	.tr-res-img {
		left: 0;
	}
	.tr-index-wrapper {
		padding: 107px 20px 50px;
	}
	.tr-homeindex-box:before{
		display: none;
	}
	.tr-homeindex-box:after{
		display: none;
	}
	br {
		display: none;
	}
	.tr-toggle {
		display: block;
		top: 15px;
		z-index: 111;
	}
	ul.tr-menu-ul {
		display: block;
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		background-color: var(--yellow-color);
		height: 100vh;
		z-index: 999;
		transition: all 0.5s;
	}
	.menu-open ul.tr-menu-ul {
		left: 0px;
	}
	ul.tr-menu-ul > li:hover a {
		color: #000000;
	}
	ul.tr-menu-ul > li:after{
		width: 100%;
		height: 1px;
	}
	ul.tr-menu-ul > li:hover:after {
		background-color: #000000;
	}
	.tr-buy-now-btn a {
		margin: 0 70px 0 0;
	}
	.tr-footer-wrapper::after {
		right: -70px;
	}
	.tr-footer-wrapper::before{
		animation: none;
		left: -14%;
	}
}

@media(max-width:1024px){
	.tr-footer-wrapper::before{
		left: -22%;
	}
	.tr-footer-wrapper::after{
		right: -140px;
	}
	.tr-responsive-wrapper::after{
		display: none;
	}
}
@media(max-width:991px){
	.tr-buy-now-btn a {
		position: absolute;
		right: 0px;
		top: -50px;
	}
	.tr-toggle {
		top: -32px;
	}
	.tr-color-template{
		text-align: center;
	}
	img.tr-img1 {
		top: 0;
		width: 100%;
		max-width: 430px;
		margin: 50px auto 0px;
	}
	img.tr-img2 {
		top: 0;
		width: 100%;
		max-width: 430px;
		margin: 0px auto 0px;
	}
	img.tr-img3 {
		top: 0;
		width: 100%;
		max-width: 430px;
		margin: 50px auto 50px;
	}
	img.tr-img5 {
		top: 0;
		width: 100%;
		max-width: 430px;
		margin: 0px auto 0px;
	}
	.tr-banner-inner-content h2 {
		font-size: 40px;
	}
	.tr-banner-inner {
		padding: 0px 10px 60px;
	}
	.tr-index-wrapper .col-lg-2 {
		display: none;
	}
	.tr-footer-wrapper::after, .tr-footer-wrapper::before, .tr-responsive-wrapper::before{
		display: none;
	}
}
@media(max-width:892px){
	.tr-color-version-left {
		padding-top: 0;
		text-align: center;
	}
	.tr-color-version-left .tr-index-heading{
		text-align: center;
	}
	.tr-color-version-left .tr-index-heading h2:after {
		margin: 0 auto;
	}
	.tr-color-version-left p {
		max-width: 500px;
		text-align: center;
		margin: 0 auto;
	}
}
@media(max-width:767px){
	.tr-banner-inner-content {
		margin: 45px 0 0 0;
		padding: 25px 0 0 0;
	}
	.tr-index-wrapper {
		padding: 30px 20px 0px;
		text-align: center;
	}
	.tr-responsive-wrapper {
		padding: 40px 0 40px;
	}
	.tr-res-img {
		top: 0;
	}
	.tr-color-version-wrapper {
		padding: 50px 0px 50px;
	}
	.tr-feature-wrapper {
		padding: 40px 0px 30px;
	}
	.tr-footer-wrapper {
		padding: 50px 0px;
	}
	.tr-logo a img {
		width: 100%;
		max-width: 120px;
	}
	.tr-buy-now-btn a {
		top: -35px;
		height: 40px;
		width: fit-content;
		padding: 0px 20px;
		margin: 0 40px 0 0;
	}
	.tr-toggle {
		top: -20px;
	}
	.tr-hover-btn .tr-hover-overlayimg {
		margin: auto;
		max-width: 100%;
		width: 70%;
		right: 3px;
	}
	.tr-new{
		left: 15%;
	}
}
@media(max-width:700px){
	.tr-hover-btn .tr-hover-overlayimg {
		width: 78%;
	}
	.tr-new{
		left: 12%;
	}
}
@media(max-width:630px){
	.tr-hover-btn .tr-hover-overlayimg {
		width: 88%;
	}
	.tr-new{
		left: 7%;
	}
}
@media(max-width:580px){
	.tr-hover-btn .tr-hover-overlayimg {
		width: 95%;
	}
	.tr-new{
		left: 2%;
	}
}
@media(max-width:480px){
	.tr-banner-inner {
		padding: 0px 10px 30px;
	}
	ul.tr-menu-ul{
		width: 240px;
	}
	img.tr-img1 {
		margin: 20px auto 0px;
	}
	.tr-banner-inner-content h2 {
		padding: 0px 0px 15px 0px;
	}
	.tr-buy-now-btn a {
		top: -32px;
		height: 40px;
		padding: 0px 10px;
		font-size: 14px;
	}
	.tr-footer-wrapper > img {
		width: 100%;
		max-width: 120px;
	}
	.tr-footer-wrapper h3 {
		font-size: 25px;
	}
	.tr-footer-wrapper h2 {
		font-size: 30px;
	}
	.tr-color-version-wrapper {
		text-align: center;
	}
	.tr-color-version-left .tr-index-heading {
		text-align: center;
	}
	.tr-color-version-left .tr-index-heading h2:after {
		margin: 0 auto;
	}
	.tr-index-heading h2 {
		font-size: 28px;
	}
	.tr-responsive-heading h2{
		font-size: 28px;
	}
	.tr-index-btn > a {
		width: fit-content;
		height: auto;
		padding: 10px 20px;
		border-radius: 100px;
		font-size: 16px;
		margin: 15px auto 40px;
	}
	.tr-index-heading {
		padding: 0 0 30px;
	}
	.tr-index-heading h2:after{
		display: none;
	}
	.tr-responsive-heading h2:after{
		display: none;
	}
	.tr-feature-wrapper .tr-index-heading {
		padding: 0 0 30px;
	}
	.tr-color-version-left .tr-index-heading {
		padding: 30px 0 10px;
	}
	.tr-banner-wrapper {
		padding: 14px 10px 0;
	}
	.tr-banner-inner-content h2 {
		font-size: 25px;
	}
}