/* large Desktop */
@media only screen and (min-width: 1550px) {}

@media only screen and (min-width: 1439px) {}

/* desktop 1200px to 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

/* normal desktop */
@media only screen and (min-width: 992px) and (max-width: 1199px) {


	.banner-text {
		left: 100px;
		top: 60px;
	}


	.about-section {

		padding: 40px 0px;

	}



	.about-section h2 {
		font-size: 50px;
		padding: 0px 0px 20px 0px;
	}

	.about-left h3 {
		font-size: 40px;
	}


	.price-tag {
		position: absolute;
		top: -18px;
		left: 265px;
	}


	.tag-row-text-inner {
		position: absolute;
		right: -63px;
		top: 25px;
		width: 54%;
	}


	.tag-row-text-inner h2 {
		font-size: 35px;
		padding: 0px;
		margin: 0px;
	}

	.tag-row-text-inner h4 {
		font-size: 16px;
		padding: 5px 0px;
	}



	.tag-row-text-inner h6 {
		font-size: 40px;
	}

	.tag-row-text-inner h6 span img {
		width: 10%;
	}

	.tag-row {
		height: 350px;
	}


}

/* tablet view */
@media only screen and (min-width: 768px) and (max-width: 991px) {


	.more-info-round {
		padding: 9px 20px;
		font-size: 20px;
	}

	.banner-text {
		top: 80px;
		left: 70px;
	}

	.banner-text h1 {
		font-size: 55px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}

	.banner-text p {
		font-size: 18px;
		margin: 0px;
	}

	.about-section h2 {
		font-size: 40px;
		padding: 0px 0px 20px 0px;
	}


	.about-left {
		padding: 0px;
		margin: 0px;
	}

	.about-left h3 {
		font-size: 40px;
	}


	.about-left p {
		font-size: 16px;
		line-height: 24px
	}






	.portfolio {
		padding: 40px 0px;
	}

	.portfolio h2 {
		font-size: 40px;
		padding: 0px;
	}

	.portfolio-links h6 {
		font-size: 26px;

		left: 20px;

		bottom: 133px;

	}


	.tag-row-text-inner {
		position: absolute;
		right: 0px;
		top: 250px;
		width: 100%;
	}


	.tag-row-text-inner h2 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
	}

	.tag-row-text-inner h4 {
		padding: 5px 0px;
		font-size: 22px;
	}


	.tag-row-text-inner h6 {
		padding: 0px;
		font-size: 40px;
	}


	.tag-row-text-inner h6 span img {
		width: 40px;
	}




	.footer {

		padding: 40px 0px;

	}


	.footer-butm-left p,
	.footer-butm-right p {
		font-size: 11px;
	}


	.uni-banner-text-area { top: 0px;;}


	.uni-banner-text-area h1{ font-size: 22px;}






}

@media only screen and (min-width: 576px) and (max-width: 767px) {}

/* mobile view */
@media only screen and (max-width: 767px) {


	.navbar_btn {
		width: 47%;
		float: right;
		display: flex;
		justify-content: end;
	}




	.more-info-round {
		padding: 7px 18px;
		width: 100%;
		font-size: 18px;
	}




	.banner-text {
		position: absolute;
		top: 60px;
		color: #fff;
		z-index: 99;
		width: 82%;
		text-align: center;
		margin: 0px auto;
		left: 60px;
	}





	.banner-text h1 {
		font-size: 20px;
		line-height: 22px;
		font-weight: 600;
	}



	.banner-text p {
		font-size: 18px;
		line-height: 20px;
	}




	.about-section {

		padding: 40px 20px;

	}


	.about-section h2 {

		font-size: 30px;
		padding: 0px 0px 10px 0px;

	}

	.about-section-inner-box {
		margin: 20px 0px 0px 0px;
	}




	.about-left {
		padding: 40px 0px;
		margin: 0px;
	}


	.about-left h3 {
		font-size: 30px;
		line-height: 45px;
	}

	.price-tag {
		position: absolute;
		top: 10px;
		left: 207px;
	}


	.price-tag img {
		width: 60%;
	}


	.tag-row-text-inner {
		position: absolute;
		right: 0px;
		top: 128px;
		width: 100%;
	}

	.tag-row-text-inner h2 {
		font-size: 26px;
		padding: 0px 0px 10px 0px;
	}

	.tag-row-text-inner h4 {
		font-size: 18px;
	}



	.tag-row-text-inner h6 {
		font-size: 22px;
	}


	.tag-row-text-inner h6 span img {
		width: 12%;
	}

	.tag-row {
		height: 450px;
	}


	.portfolio-container {
		margin: 0px;
	}


	.portfolio {
		padding: 40px 0px;
	}


	.portfolio h2 {
		font-size: 30px;
	}

	.portfolio-links h6 {
		font-size: 30px;
		text-align: left;
	}

	.footer-links {
		margin-top: 20px;
	}



	.footer-contant ul li a {
		font-size: 14px;
	}


	.footer-contact-row {
		padding: 20px 0px 0px;
	}

	.footer {

		padding: 40px 0px 20px;

	}

	.footer-butm-left p {
		text-align: center;
	}


	.footer-butm-right p {
		text-align: center;
	}






	.uni-banner-text-area { top: 0px;;}


	.uni-banner-text-area h1{ font-size: 22px;}













}

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



	.navbar_btn {
		width: 47%;
		float: right;
		display: flex;
		justify-content: end;
	}




	.more-info-round {
		padding: 7px 18px;
		width: 100%;
		font-size: 18px;
	}




	.banner-text {
		position: absolute;
		top: 5px;
		color: #fff;
		z-index: 99;
		width: 82%;
		text-align: center;
		margin: 0px auto;
		left: 30px;
	}





	.banner-text h1 {
		font-size: 20px;
		line-height: 22px;
		font-weight: 600;
	}



	.banner-text p {
		font-size: 18px;
		line-height: 20px;
	}




	.about-section {

		padding: 40px 0px;

	}


	.about-section h2 {

		font-size: 30px;
		padding: 0px 0px 10px 0px;

	}

	.about-section-inner-box {
		margin: 20px 0px 0px 0px;
	}




	.about-left {
		padding: 40px 0px;
		margin: 0px;
	}


	.about-left h3 {
		font-size: 30px;
		line-height: 45px;
	}

	.price-tag {
		position: absolute;
		top: -22px;
		left: 146px;
	}

	.price-tag img {
		width: 60%;
	}


	.tag-row-text-inner {
		position: absolute;
		right: 0px;
		top: 75px;
		width: 100%;
	}

	.tag-row-text-inner h2 {
		font-size: 30px;
	}


	.tag-row-text-inner h4 {
		font-size: 20px;
	}



	.tag-row-text-inner h6 {
		font-size: 26px;
	}


	.tag-row-text-inner h6 span img {
		width: 12%;
	}

	.tag-row {
		height: 450px;
	}


	.portfolio-container {
		margin: 0px;
	}


	.portfolio {
		padding: 40px 0px;
	}


	.portfolio h2 {
		font-size: 30px;
	}

	.portfolio-links h6 {
		font-size: 30px;
		text-align: left;
	}

	.footer-links {
		margin-top: 20px;
	}



	.footer-contant ul li a {
		font-size: 14px;
	}


	.footer-contact-row {
		padding: 20px 0px 0px;
	}

	.footer {

		padding: 40px 0px 20px;

	}

	.footer-butm-left p {
		text-align: center;
	}


	.footer-butm-right p {
		text-align: center;
	}


	.uni-banner-text-area {
		top: -34px;
		left: 40%;
	}


	.uni-banner-text-area h1{ font-size: 22px;}


}