/* Extra Small Device  - max 576px */
@media only screen and (max-width: 576px) {
	.nav-link {
		font-size: 13px!important;
	}
	.about-text {
		font-size: 14px;
	}
    .menu .offcanvas-start {
        width: 100%;
    }
    .grid {
		display: block;
		margin: 0 0px;
	}
	.grid-item {
		padding: 0 4px;
		width: 49%;
		margin-bottom: 8px;
	}
}

/* Small Device: 576px and up */
@media only screen and (min-width: 576px) {
	.container {
		width: 540px;
		padding: 0 12px;
	}

	.client__wrapper {
		padding: 32px 20px 20px;
	}
	.client__logo {
		max-width: 104px;
	}
	.project__uiux {
	
	}
	.uiux__load__more {
	
	}
	.grid {
		display: block;
		margin: 0 -14px;
	}
	.grid-item {
		padding: 0 10px;
		width: 50%;
		margin-bottom: 24px;
	}
}

/* Medium Device. */
@media only screen and (min-width: 768px) {
	.container {
		width: 720px;
	}

	.fs-2 {
		font-size: 40px !important;
	}

	.header {
		padding: 20px 0;
	}
	.hero {
		padding: 116px 0 130px;
	}
	.section__para {
		font-size: 18px;
	}
	.hero__thumb {
		margin-bottom: 100px;
	}
	.client__wrapper {
		padding: 40px 24px 24px;
	}
	.client__logo {
		max-width: 116px;
	}
	.project {
		padding-top: 80px;
	}
	.project__tab__content {
		padding: 56px 0;
	}
	.project__uiux {
	
	}
	.uiux__load__more {
		
	}
	.contact {
		padding: 70px 0;
	}
	.input--textarea {
		height: 130px;
	}
	.footer {
		padding: 70px 0 100px;
	}
	.footer__social__wrap {
		gap: 18px;
	}

	.tab-content{
		position: relative;

	}

	.project__tab__content .tab-content>.tab-pane{
		opacity: 0;
    	visibility: hidden;
		position: absolute;
		top: 0;
		display: inherit !important;
		height: 100%;
		width: 100%;
	}

	.project__tab__content .tab-content>.tab-pane.active{
		opacity: 1;
    	visibility: visible;
		position: relative;
		display: inherit !important;
		top: 0;
	}

	.header__wrapper {
    	padding: 0 32px 0 16px;
	}
}

/* LG Device. */
@media only screen and (min-width: 992px) {
	.container {
		width: 960px;
	}
	.btn {
		gap: 16px;
	}
	.fs-1 {
		font-size: 60px !important;
	}
	.hero {
		padding: 130px 0 200px;
	}
	.hero__thumb {
		margin-bottom: 0;
	}
	.client__logo {
		max-width: 147px;
	}
	.uiux__details {
		max-width: 728px;
        line-height: 1.4;
	}
	.contact__form {
		gap: 27px;
	}
	.contact__mail__text {
		font-size: 16px;
	}
}

/* Large Device :992px. */
@media only screen and (min-width: 1200px) {
	.container {
		width: 1140px;
	}
	.fs-1 {
		font-size: 72px !important;
	}
	.fs-2 {
		font-size: 48px !important;
	}
	.project__tab__content {
		padding: 72px 0;
	}
	.project__uiux {
	
	}
	.uiux__load__more {
		
	}
	.contact {
		padding: 80px 0;
	}
	.footer {
		padding: 90px 0 128px;
	}
}

/* XL Device :1280px. */
@media only screen and (min-width: 1400px) {
	.container {
		width: 1224px;
	}

	.section__para {
		font-size: 19px;
	}
	.project__uiux {
		
	}
	.uiux__load__more {
		
	}
	.footer {
		padding: 96px 0 148px;
	}
}