/*==for big screen==*/

@media screen and (min-width: 1440px) {

	.container {
		padding: 0 4.5%;
	}

	.header-area {
		padding: 24px 0;
	}

	.collection-title p {
		padding: 0 15% 0 0;
	}

	.title-box {
		padding: 13px 15px 19px 15px;
	}

}



/*==for leptop/dextop==*/

@media screen and (min-width: 1201px) and (max-width: 1400px) {}


/*==for ipad==*/

@media screen and (min-width: 992px) and (max-width: 1200px) {

	.f-text {
		font-size: 19px;
	}

	.bid a {
		padding: 7px 110px;
	}

	.pwr {
		font-size: 20px;
	}

	.power img {
		width: 100%;
	}



	.hero-title h2 {
		font-size: 37px;
	}

	.time-area span,
	.time-area .counter-days,
	.time-area .counter-hours,
	.time-area .counter-minutes,
	.time-area .counter-seconds {
		font-size: 37px;
	}

	.countdown {
		font-size: 37px;
	}

	.collection-title h2 {
		font-size: 37px;
	}

	.about-title h2 {
		font-size: 37px;
	}

	.about-title-2 h2 {
		font-size: 37px;
	}

	.ques h2 {
		font-size: 37px;
	}

}


/*==for tablet==*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.overlay .closebtn {
		top: 45px;
		right: 35px;
	}


	.colps ul li a {
		margin: 0 8px;
	}

	.box {
		width: 500px;
		height: 500px;
	}

	.box img {
		width: 80%;
	}

	.title-box {
		padding: 13px 7px 19px 7px;
	}

	.hero-title h2 {
		font-size: 36px;
	}

	.hero-title h5 {
		font-size: 15px;
		margin: 0 0 21px 0;
	}


	.time-area .counter-days,
	.time-area .counter-hours,
	.time-area .counter-minutes,
	.time-area .counter-seconds {
		font-size: 36px;
	}

	.countdown {
		font-size: 36px;
	}

	.bid a {
		padding: 7px 38%;
	}

	.collection-title h2 {
		font-size: 36px;
	}

	.about-title p {
		padding: 0;
	}

	.about-title-2 p {
		padding: 0;
	}

	.privacy a {
		font-size: 13px;
	}

	.pwr {
		font-size: 14px;
	}

	.power img {
		width: 100%;
		margin-top: 0 !important;
	}


	.market {
		font-size: 14px;
	}

	.about-title h2,
	.about-title-2 h2,
	.ques h2 {
		font-size: 36px;
	}
}


/*==for mobile==*/

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

	#navbarNav {
		display: none;
	}

	.studio img {
		width: 80%;
	}

	.box {
		width: 295px;
		height: 295px;
	}

	.box img {
		width: 80%;
	}

	.hero-title h2 {
		font-size: 32px;
		line-height: 120%;
	}

	.hero-title h5 {
		font-size: 15px;
	}

	.hero-title p {
		font-size: 17px;
		line-height: 159%;
		text-align: justify;
		margin: 0;
	}

	.hero-title hr {
		margin: 90px 0;
	}

	.time-area .counter-days,
	.time-area .counter-hours,
	.time-area .counter-minutes,
	.time-area .counter-seconds {
		font-size: 30px;
		min-width: 70px;
	}

	.time-area span {
		font-size: 30px;
	}

	.countdown {
		font-size: 30px;
	}


	.collection-title h2 {
		font-size: 30px;
		line-height: 130%;
		margin: 0 0 30px 0;
		padding: 0 2%;
	}

	.collection-title p {
		font-size: 17px;
		padding: 0 2%;
		text-align: justify;
	}

	.title-box {
		padding: 13px 10px 19px 10px;
	}

	.bid a {
		padding: 7px 35%;
	}

	.about-title h2 {
		font-size: 27px;
		line-height: 93%;
		margin: 0 0 25px 0;
	}

	.about-title p {
		font-size: 16px;
		padding: 0;
		text-align: justify;
	}

	.about-title-2 h2 {
		font-size: 27px;
		line-height: 93%;
		margin: 0 0 25px 0;
	}

	.about-title-2 p {
		font-size: 16px;
		padding: 0;
		text-align: justify;
	}

	.about-title a {
		font-size: 10px;
		line-height: 1.5;
		padding: 7px 11px;
		margin: 0 3px 46px 0;
	}

	.ques h2 {
		font-size: 30px;
		line-height: 144%;
		;
		margin: 0 0 40px 0;
	}

	.bdr h2 button {
		font-size: 15px;
		line-height: 22px;
		padding: 20px 10px;
	}

	.footer-area {
		text-align: center;
	}

	.privacy {
		margin: 0 0 20px 0;
		align-items: center;
	}

	.power {
		margin: 0 0 20px 0;
	}

	.first-tg,
	.first-tg1 {
		text-align: center !important;
	}

	.first-tg {
		margin-top: 20px;
	}

	.pwr {
		font-size: 20px;
	}

	.power img {
		width: 300px;
	}

}