@media (max-width: 1920px){

	.our-portfolio .images-2-lines {

		display: block;

	}

	.our-portfolio p{

		padding: 10px 0 6px;

	}

	.our-portfolio .main-btn {

		margin-top: 0;

	}

}

@media (min-width: 1101px) and (max-width: 1750px){

	.home-banner ul.flex-direction-nav {

		left: 91%;

	}

}

@media (min-width: 1300px) and (max-width: 1501px){

	.container{

		max-width: 65em !important;

	}

	.arrow-content .small-font {

		font-size: 0.8em;

	}

	.works-section {

		margin-top: 100px;

		padding-top: 130px;

	}

	.works-we-create-section .align-left {

		margin-top: -50%;

	}

	.about-why-choose .three-flex .d-flex {

		width: 410px;

	}

	.numbers-banner .four-flex .number-text {

		width: 280px;

	}

}

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

	.about-first-section,.about-client-review,.faq-flex {

		align-items: center;

	}

	.about-client-review .left-part img {

		padding-right: 40px;

	}

	.portfolio-video-section .video-flex .video-1 {

		margin-right: 30px;

	}

	.services-section-left-right .right-part {

		padding-left: 40px;

	}

	.portfolio-images .image-hover {

	    margin-right: 20px;

	}

	.portfolio-images .image-hover:last-child {

	    margin-right: 0;

	}

	.portfolio-images .image-hover:hover .overlay-content {

    	margin-right: 0;

	}

	.wp-block-gallery {

    	max-width: 1200px !important;

    }

    .internal-service-flex .left-content {

	    width: 75%;

	}

	.internal-service-flex .right-sidebar {

	    width: 23%;

	}

	.footer-wrapper .lets-start p {

		padding: 40px 40px 60px 40px;

	}

	.services-four-flex-details .four-flex {

		padding-right: 30px;

	  }

}



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

	.container{

		max-width: 58em !important;

	}

	.arrow-content .small-font {

		font-size: 1em;

	}

	.works-section {

		margin-top: -10px;

		padding-top: 130px;

	}

	.works-we-create-section .align-left {

		margin-top: -54%;

	}

	.partner-logos-section img {

		width: 165px;

	}

	.about-why-choose .three-flex .d-flex {

		width: 370px;

	}

	.numbers-banner .four-flex .number-text {

		width: 260px;

	}

}

@media (min-width: 1000px) and (max-width: 1100px){

	.primary-navigation > div > .menu-wrapper {

	    padding-top: 0 !important;

	}

	.internal-page-banner {

    	padding: 220px 0 70px!important;

	}

}

@media (max-width: 1100px){

	#primary-menu-list {

		text-align: -webkit-center;

		text-align: -moz-center;

	}

	#primary-menu-list li a {

		color: #ffffff;

		font-size: 20px;

	}

	.primary-navigation > div > .menu-wrapper {

		padding-top: 20px;

	}

	.container {

		padding: 0 30px;

	}

	h1{

		font-size: 2em;

	}

	.padding-70{

		padding: 50px 0;

	}

	.mb-70{

		margin-bottom: 50px;

	}

	.left-part {

		width: 100%;

	}

	.right-part {

		width: 100%;

	}

	.internal-page-banner{

		padding: 150px 0 50px;

	}

	.header-wrapper .social-media-logos{

		display: none;

	}

	.header-wrapper .number-mail{

		display: none;

	}

	.header-wrapper {

		justify-content: center;

	}

	.header-wrapper .logo {

		padding-top: 15px;

	}

	.menu-button-container #primary-mobile-menu .open {

		color: #ffffff;

	}

	.menu-button-container #primary-mobile-menu .close {

		color: #ffffff;

	}

	.footer-wrapper .lets-start {

		padding-bottom: 70px;

		background-size: cover;

	}

	.footer-wrapper .lets-start p {

		padding: 40px 15px 60px;

	}

	.footer-wrapper .brown-line p {

		padding: 0 10px;

		font-size: 20px;

	}

	.footer-wrapper .footer .rows {

		display: block;

	}

	.footer-wrapper .footer .rows .logo-part {

		text-align: left;

	}

	.footer-wrapper .footer .rows .row {

		width: 100%;

	}

	.footer-wrapper .footer .rows .quick-links {

		padding-left: 0;

	}

	.footer-wrapper .footer .rows .interior-service {

		padding-left: 0;

	}

	.footer-wrapper .footer .rows .row h3 {

		padding-top: 30px;

	}

	.footer-wrapper .footer .rows .social-media-logos {

		margin-top: 0;

	}

	.footer-wrapper .footer .copyright-line {

		padding-bottom: 20px;

	}

	.footer .padding-70 {

		padding: 50px 0 30px;

	}

	.slides li img {

		width: auto !important;

		height: 570px !important;

	}

	.slides .caption-wrap img {

		height: auto !important;

	}

	.slider-bottom-box {

		display: none;

	}

	.metaslider .caption {

		text-align: center;

	}

	.home-banner h1 {

		font-size: 2.1em;

		padding-bottom: 20px;

	}

	.about-us-section {

		display: block;

	}

	.about-us-section .right-part {

		padding-top: 40px;

		text-align: center;

	}

	.services-section .text-flex {

		display: block;

	}

	.services-section .images-flex {

		display: block;

		padding-top: 50px;

	}

	.services-section .images-flex img{

		width: 100%;

	}

	.services-section .images-flex .image-flex {

		margin: 0 10px 20px 0;

    	width: 48%;

    	display: inline-block;

	}

	.services-section .images-flex .image-flex .image-learn-more img {

		width: auto !important;

	}

	.works-we-create-section .align-left {

		text-align: center;

	}

	.works-we-create-section .black-overlap-box {

		width: 100%;

	}

	.works-we-create-section .align-left {

		margin-top: 0;

	}

	.works-section {

		margin-top: 70px;

	}

	.works-section .works-flex {

		display: block;

	}

	.works-section .workflex {

		margin-right: 0;

		width: 100%;

	}

	.works-section .workflex p {

		padding-bottom: 20px;

	}

	.works-section .works-flex .arrow-content {

		padding-right: 0;

	}

	.our-portfolio p {

		padding: 10px 15px 6px;

	}

	.our-portfolio .images-2-lines {

		padding: 30px 0;

		width: 100%;

	}

	.our-portfolio .images-line-1, .images-line-2 {

		margin: 0;

    	width: 48%;

    	display: inline-block;

	}

	.partner-logos-section {

		display: block;

		text-align: center;

	}

	.partner-logos-section img{

		padding: 15px;

	}

	.contact-detail-content {

		display: block;

	}

	.contact-detail-content .contact-detail {

		width: 49%;

		border-bottom: 1px solid;

		padding-bottom: 50px;

		display: inline-block;

	}

	.contact-form {

		padding: 50px 15px;

	}

	.contact-form h1 {

		padding-bottom: 30px;

	}

	.contact-form .row {

		display: block;

	}

	.contact-form input, select {

		margin: 15px 0;

		width: 100%;

	}

	.contact-form .row {

		padding: 0;

	}

	.contact-form textarea {

		margin-top: 15px;

	}

	.google-map iframe {

		max-height: 100% !important;

	}

	.portfolio-video-section .video-flex .video-1 {

		margin-right: 30px;

	}

	.home-banner ul.flex-direction-nav {

		display: none;

	}

	.services-section-left-right .right-part {

		padding-left: 0;

	}

	.services-section-left-right {

		display: block;

		text-align: center;

	}

	.services-section-right-left .left-part {

		text-align: center;

	}

	.services-section-right-left {

		display: flex;

		flex-flow: column-reverse;

		text-align: center;

	}

	.services-section-left-right .right-part {

		padding: 50px 0;

	}

	.services-section-right-left .right-part {

		padding: 50px 0;

	}

	.services-experties-banner .three-experties .experties {

		width: 33.3%;

	}

	.services-experties-banner .three-experties .experties h1 {

		padding: 430px 20px 40px;

		font-size: 1.2em;

	}

	.portfolio-images .image-hover {

	    margin-right: 20px;

	}

	.portfolio-images .image-hover:last-child {

	    margin-right: 0;

	}

	.portfolio-images .image-hover:hover .overlay-content {

    	margin-right: 0;

	}

	.images-2-lines .images-line-1 {

    	margin-right: 10px !important;

	}

	.images-2-lines .image-hover {

    	margin-bottom: 15px;

	}

	.wp-block-gallery {

    	margin: 50px 20px!important;

	}

	.internal-service-flex .left-content {

	    width: 100%;

	}

	.internal-service-flex .right-sidebar {

	    width: 100%;

	    margin-top: 50px;

	}

	.internal-service-flex {

    	display: block;

    }

	.about-first-section {

		flex-direction: column;

	}

	.about-first-section .right-part {

		padding-left:0px;

		padding-top: 50px;

	}

	.about-why-choose .three-flex {

		display: block;

	}

	.about-why-choose .three-flex .d-flex {

		width: 100%;

	}

	.numbers-banner .four-flex .number-text {

		margin-right: 10px;

	}

	.numbers-banner .four-flex .number-text:last-child {

		margin-right: 0px;

	}

	.numbers-banner {

		padding: 70px 20px;

	}

	.faq-flex {

		display: block;

	}

	.faqs-left-part,.faq-right-part {

		width: 100%;

	}

	.about-faq .faq-right-part {

		width: 100%;

		padding-top: 50px;

	}

	.faq-flex .faqs-left-part {

		padding-right: 0;

	}

	.about-client-review {

		flex-flow: column-reverse;

	}

	.about-client-review .left-part {

		text-align: center;

		padding-top: 50px;

	}

	.services-four-flex-details {

		flex-direction: column;

	}

	.services-four-flex-details .four-flex {

		padding-right: 0;

	}

	.internal-service-flex .left-content {

		padding-right: 0px;

	  }

}



@media (max-width: 900px){

	.menu-button-container {

		display: flex;

	}

	.primary-navigation > .primary-menu-container {

		position: fixed;

		visibility: hidden;

		opacity: 0;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);

		padding-left: var(--global--spacing-unit);

		padding-right: var(--global--spacing-unit);

		padding-bottom: var(--global--spacing-horizontal);

		background-color: rgba(0, 0, 0, 0.9);

		transform: translateY(var(--global--spacing-vertical));

	}

	.primary-navigation-open .menu-button-container {

    	background-color: rgba(0, 0, 0, 0.9);

	}

	.primary-navigation > div > .menu-wrapper li {

		width: 100%;

		justify-content: center;

	}

	.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {

		width: 40px;

		height: 40px;

	}

	.admin-bar .primary-navigation > .primary-menu-container {

		top: 0;

		height: 100vh;

	}

	.primary-navigation-open .primary-navigation > .primary-menu-container {

    	height: 100vh;

	}

	.about-first-section {

		display: block;

	}

	.about-first-section .right-part {

		padding-left: 0;

		padding-top: 50px;

		text-align: center;

	}

	

	

	.numbers-banner .four-flex {

		display: inline-block;

		width: 100%;

	}

	.numbers-banner .four-flex .number-text {

		width: auto;

		padding: 20px 0;

		margin-bottom: 20px;

	}

	.numbers-banner .four-flex .number-text:last-child {

		margin-bottom: 0;

	}

	.acc-head p {

		padding: 5px 20px 5px 0;

	}

	.play-btn {

		top: calc(65% - 67px);

	}

	.services-experties-banner .three-experties .experties .overlay-content {

		left: 20px;

	}

	.our-portfolio .images-2-lines {

    	padding: 30px 15px;

	}

	.modal-body {

		padding: 30px;

	  }

	  .popup-section .modal-dialog .close {

		top: 40px;

		right: 15px;

	  }

}



@media (max-width: 767px){

	.middle-content {

		margin-top: -5%;

	}

	.container {

		padding: 0 15px;

	}

	.services-section .images-flex .image-flex {

		width: 100%;

	}

	.our-portfolio .images-line-1, .images-line-2 {

		width: 100%;

	}

	.our-portfolio .images-2-lines img {

		padding: 10px 15px;

		padding: 0;

	}

	.partner-logos-section img{

		width: 168px;

	}

	.contact-detail-content .contact-detail {

		width: 100%;

	}

	.contact-detail-content.padding-70 {

		padding: 1px 0 50px 0;

	}

	.contact-detail-content .contact-detail {

		padding-bottom: 30px;

	}

	.portfolio-images .images {

		display: block;

		width: 100%;

		padding-bottom: 0;

	}

	.portfolio-images .images img {

		margin-right: 0;

		margin-bottom: 15px;

		width: 100%;

	}

	.modal {

		top: 50%;

		padding: 0 15px;

	}

	.modal-content {

		height: 400px;

	}

	.modal-dialog {

		top: 20%;

	}

	.modal-body, .modal-body iframe {

		height: 300px;

	}

	.portfolio-video-section .video-flex {

		display: block;

	}

	.portfolio-video-section .video-flex .video-1 {

		margin: 0 0 30px 0;

	}

	.services-four-flex-details {

		display: block;

	}

	.services-four-flex-details .four-flex {

		padding-right: 0;

	}

	.services-experties-banner .three-experties {

		display: block;

	}

	.services-experties-banner .three-experties .experties {

		border: 0;

		width: 100%;

	}

	.services-experties-banner .three-experties .experties h1 {

		padding: 40px 0 40px 15px;

	}

	.services-experties-banner .three-experties .experties .overlay-content {

		left: 0;

		right: 15px;

		text-align: right;

	}

	.services-experties-banner .three-experties .experties:hover h1{

		transform: translateY(0%);

	}

	.services-experties-banner .three-experties .experties .main-btn {

		padding: 6px 10px;

		font-size: 0.9em;

		margin-bottom: 10px;

	}

	.services-experties-banner .three-experties .experties .main-btn img {

		margin-left: 10px;

	}

	.portfolio-images .image-hover .overlay-content {

    	margin-bottom: 15px;

	}

	.about-client-review .date-user-flex .date {

    	margin-right: 14px;

	}

	.about-client-review .date-user-flex .user {

    	margin-right: 0;

	}

	.about-client-review .date-user-flex {

    	justify-content: space-between;

	}

	.numbers-banner {

    	padding: 40px;

	}

	.about-why-choose .three-flex .d-flex {

	    display: block;

	    text-align: center;

	}

	.about-why-choose .three-flex .d-flex .image {

	    display: inline-flex;

	    margin-bottom: 20px;

	}

	.about-why-choose .three-flex .d-flex .text {

	    width: 100%;

	    padding-left: 0;

	}

	.wp-block-gallery {

	    display: block;

	}

	.wp-block-gallery .wp-block-image.size-large {

    	width: 100% !important;

	}

	.wp-block-gallery .wp-block-image img {

    	padding: 5px 0;

	}

	.internal-service-flex .images-flex img {

    	padding: 0 0 20px 0;

	}

	.internal-service-flex .images-flex {

    	text-align: center;

	}

	h1{

		font-size: 1.8em;

	}

	.modal-body {

		padding: 15px;

	}

	.popup-section .modal-dialog .close {

		top: 25px;

		right: 0px;

	  }
	  .services-experties-banner .three-experties .experties .small-font {
		font-size: 0.8em;
		line-height: 28px;
	}

}



@media (max-width: 365px){

	.home-banner h1 {

    	font-size: 1.8em;

    }

}