@media (max-width: 1024px) {
	.grid-div {
		width: 80%;
	}
	.image-button a {
		width: 26vw;
	}
	.img-mirror {
		width: calc(100% + -6em);
		margin-left: 6.5555rem;
	}
	.mirror-left {
		margin-left: 0!important;
	}
	.jumbo-title {
		font-size: 2rem;
		line-height: 3rem;
	}
	.inner-bg.bg-white {
		padding: 10rem 5rem 1.7rem 5rem;
	}
}

@media (max-width: 768px) {
	html {
		overflow-x: hidden;
	}
	#hero[class*='side-'] {
		width:100%;
		height: auto;
		margin: 20rem 0 10rem;
	}
	.nav-ul {
		text-align: left;
		padding: 0;
		padding-right: 0;
	}
	#hero[class*='side-']~#page-body {
		width: 100%;
		float: none;
	}
	.blog-media img {
		height: auto!important;
	}
	.left-text h1 br {
		display: none;
	}
	.left-text {
		padding: 0rem 12rem 0rem 12rem;
	}
	h3.view-service, .left-text h1 {
		text-align: center;
	}
	.about-fluid-grid{
		max-width: 100%;
		flex: 100%;
	}
	.posi-abs {
		top: 25%;
	}
	.discover-abs {
		position: static;
		right: 0;
		top: 0px;
	}
	.pt-29 {
		padding-top: 12%;
	}
	.round-logo-img {
		right: -10%;
		bottom: -8%;
		width: 25%;
	}
	.image-button a {
		width: 35vw;
	}
	.footer svg{
		width:100px;
	}
	.pre-content {
		width: 320px;
	}
	.about-intro p {
		width: 24vw;
	}
	.flex-fluid-sm{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.direction-reverse-sm{
		flex-flow: column-reverse;
	}
	.even-line:after{
		top: -100px!important;
		width: 1px!important;
		height: 100px!important;
	}
	.odd-line:before {
		top: -100px!important;
		left: -20px!important;
		width: 1px!important;
		height: 100px!important;
	}
	.liner_path:before {
		background: #fcf8f2;
	}
	progress {
		height:0;
	}
	 
	.box-img.right-img {
		left: 0;
	}
	.product-title, .product-title a {
		font-size: 20px;
	}
	.products-details {
		padding-left: 30px;
		padding-right: 30px;
	}
	.blogItem {
		margin-top: 6vh;
	}
	.contact-page .inner-bg {
		padding: 0rem;
	}
	.inner-bg.bg-white {
		padding: 6rem 0rem 0rem 0rem;
	}
	.static-bar-widget {
		bottom: -58vh;
	}
	.contact-flex-bg {
		height: 65vh;
	}
	.contact-content {
		padding: 4rem 0;
	}
}

@media (max-width: 480px) {
	.brand svg {
		width: 75px;
	}
	.header {
		padding-top: 0;
	}
	.menu-flex-box-col-3{
		max-width: 25%;
		flex: 25%;
	}
	.menu-flex-box-col-7{
		max-width: 75%;
		flex: 75%;
	}
	.nav-ul {
		margin: 14% 0%;
	}
	.left-text {
		padding: 0rem 1rem 0rem 1rem;
	}
	#hero[class*='side-'] {
		margin: 12rem 0 6rem;
	}
	.left-text h1 {
		font-size: 27px;
		line-height: 38px;
	}
	.middle-div-text h1 {
		font-size: 27px;
	}
	.grid-div, .w-80, .w-20 {
		width: 100%;
	}
	.transfrom-text {
		font-size: 18px;
		text-align: center;
		transform: rotate(0deg);
	}
	.posi-abs {
		position: static;
		left: 0;
	}
	.orange-section {
		margin-bottom: 5rem;
	}
	.grid-text-div {
		margin-top: 4.5rem;
	}
	.discover-abs {
		display: block;
		text-align: center;
	}
	.middle-div-text {
		width: 100%;
		padding: 2rem 2rem;
	}
	.orange-section {
		padding: 2rem 0;
	}
	.round-logo-img {
		right: 0;
		bottom: 0;
	}
	.image-button a {
		width: 75vw;
		padding: 1.4em 2em;
	}
	.footer {
		margin-top: 2rem;
	}
	.around_space {
		padding-top: 4vh;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		margin: 0;
	}
	.around_space img{
		margin:auto;
	}
	.wpmi-list {
		margin: 0 12px 0 12px;
	}
	div#foot-nav {
		margin-bottom: 5rem;
	}
	.animate_text_inner {
		position: relative;
		top: 1rem;
	}
	#nav:checked ~ .nav-container .nav-ul {
		margin: 0% 0%;
	}
	#main-footer {
		padding: 22px 45px 15px;
	}
	
	h1 {
		font-size: 2rem;
	}
	.pre-content {
		padding: 3rem 3rem;
		font-size: 1.2rem;
	}
	.custom-container {
		width: 100%;
	}
	.mt-10rem {
		margin-top: 5rem;
	}
	.our-works {
		margin-bottom: 4rem!important;
	}
	.direction-reverse{
		flex-flow: column-reverse;
		display: flex;
	}
	 .offset-sm-0{
		margin-left: 0!important;
	}
	.pr-30 {
		padding-right: 15px;
	}
	.pl-30 {
		padding-left: 15px;
	}
	.about-intro {
		padding: 4rem 0;
	}
	.about-intro p {
		width: 100%;
	}
	.font-montserrat br, .none-sm{
		display:none;
	}
	.none-md{
		display:block;
	}
	.pt-sm-0{
		padding-top:0;
	}
	.main-page-title {
		margin-bottom: -2rem;
		padding: 60px 0 20px;
	}
	.pre-content {
		width: 100%;
	}
	.main-page-title-services {
		margin-bottom: 0rem;
		padding: 60px 0;
	}
	.img-mirror {
		width: calc(100% + 0em);
		margin-left: 0;
		height: 40.5vh;
	}
	.box-img {
		width: 100%;
		position: absolute;
		bottom: 0;
		padding: 20px 35px 20px 35px;
	}
	.box-img.left-img {
		right: 0;
	}
	.featured_grid {
		padding: 0;
		margin-top: 3rem;
	}
	.featured_grid h4, .featured_grid p  {
		text-align: center!important;
	}
	.even-line:after, .odd-line:before{
		display:none;
	}
	.blank-spacer {
		min-height: 70px;
	}
	.protfolio-gird img {
		margin: auto;
		display: block;
	}
	.protfolio-gird {
		margin-bottom: 10vh;
	}
	.product-title br {
		display: none;
	}
	.jumbo-title {
		text-align: center!important;
	}
	.contact-flex-bg {
		display: none;
	}
	.inner-bg.bg-white {
		padding: 1rem 0rem 0rem 0rem;
	}
	.mx-pb {
		padding-bottom: 1rem;
	}
	.contact-content {
		padding: 2rem 0;
	}
	.crop-img {
		position: static;
		padding: 60px 50px 60px 50px;
	}
	.static-bar-widget {
		bottom: -12vh;
		margin-left: 30vw;
	}
	.static-bar-widget {
		width: 40px;
		height: 125px;
	}
	.static-bar {
		bottom: 3vh;
	}
	.block-center-sm{
		display: block!important;
		text-align: center;
	}
	.social {
		    margin: 6vh 0;
		text-align: center;
	}

}

@media (max-width:320px){
	.static-bar-widget{
		bottom: -15vh;
		margin-left: 25vw;
	}
}