@media screen and (max-width:933px){
	.menu-icon{
		display: inline-block;
		float: right;
		font-size: 21px;
		line-height: 29px;
		font-size: 35px;
		color: var(--white-color);
		position: relative;
		margin-top: 6px;}
	.menu-icon-cross{
		float: right;
		height:20px;
		width:20px;
		font-size: 35px;
		position: relative;
		color: var(--white-color); }
	.cross-image{
		display: none;
		height:40px;
		width:40px;
		position: absolute;
		left:-12px;
		top:0;}
	nav{
		padding: 5px 20px;
		padding-top: 10px;}
	.nav-logo img {
	    height: 45px;}
	.nav-logo{
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
		/*padding-bottom: 5px;*/}
	.nav-menu{
		margin-top: 10px;
	    display: block;
		position: fixed;
		padding: 0px;
		top: 50px;
		right: 0px;
	    text-align: center;
	    width:100%;
	    float: left;
	    height:100%;
	    line-height: 50px;
	    background-color: var(--background-color);
	    display: none;}
	header.header-color{
		background-color: var(--background-color);
		padding-bottom: 10px;}
	.nav-menu ul{
		margin-top: 10px;}
	.nav-menu ul li a.active{
	  background-color: rgba(0,0,0,0.3);
	  border-left:5px solid var(--secondary-color);
	  color: var(--white-color);}
	.nav-menu ul li a{
	  border-radius: 0px;
	  padding: 5px;
	  font-weight: 400;
	  color: white !important;}
	.nav-menu ul li {
	    display: block;
	    padding: 0px;}
	.over{
		overflow: hidden;}
	header.header-position{
		margin-top: 0px;}
	header.header-position .nav-logo{
		margin:0px}
	header.header-position .menu-icon {
		color: var(--white-color) !important;}
	.header-color{
		background-color: var(--background-color);
		padding-bottom: 10px;}
	header.header-position .nav-logo img{
		height: 40px;}
	header.header-position .nav-menu{
		line-height: 50px;}
	header.header-position .nav-menu ul{
		margin-top: 10px;}
	header.header-position .nav-menu ul li a.active{
	  background-color: rgba(0,0,0,0.3);
	  border-left:5px solid var(--secondary-color);
	  color: var(--white-color);}
	header.header-position .nav-menu ul li a{
	  border-radius: 0px;
	  padding: 0px;
	  font-weight: 400;}
	header.header-position .nav-menu ul li {
	    display: block;
	    padding: 0px;}
	.home{
		background-position-x: 80%;
		display: block !important;
		min-height: auto !important;
		padding: 0px;}
	.home-headings {
	    padding: 100px 0px;
	    padding-bottom: 10px;}
	.home-headings p {
    	font-size: 18px;
    	padding: 0px 20px;}
	.home-contents {
	    font-size: 20px;
	    line-height: 30px;
		width: 100%;
		padding-top: 50px;}
	 .home-heading-whatsapp{
	 	padding: 100px 20px;}
	.home-heading-whatsapp .whatsapp-us {
		font-size: 25px;
    	text-align: center;
    	padding: 0px 0px;}
    .whatsapp-us p {
    padding: 10px;}
	.home-left-heading {
    	font-size: 20px;
    	line-height: 35px;}
    .home-scroll-down {
    	right: 20px;}
    .services{
    	padding: 20px;}
	.services-subheading {
		padding-bottom: 10px;}
	.services .home-left-main-heading {
	    font-size: 24px;
	    padding-top: 5px;
	    line-height: 40px;
	    padding-bottom: 0px;}
	.home-left-subheading {
    	font-size: 14px;}
	.service-section .service-row {
	    flex-wrap: wrap;
	    margin-top:-85px;
	    width: 90%;
	    margin-left:5%;}
	.services{
		padding-bottom: 100px;
		padding-top:50px;}
	.service-row-left {
    	width: 100%;}
   	.service-row .service-row-right {
	    width: 100%;
	    padding: 40px 20px;}
	.service-row-right .service-row-heading {
	    font-size: 18px;
	    letter-spacing: 0px;
	    padding: 0px;
		padding-bottom: 5px;}
	.service-row-right .service-row-content {
		padding: 0px 0px;
		text-align: justify;
		font-size: 14px;
		line-height: 25px;}
	.service-row .service-learn-more-link {
		padding: 0px 0px;
		width: 100%;
		float: left;
		text-align: right;}
	.service-learn-more-link a {
		padding: 0px;
		font-size: 15px}
	.service-row .service-learn-more-link a::after {
		bottom: 0px;
		right: 85px;
		font-size: 20px;}
	.service-section .service-row-even, .service-section .service-row-odd {
    margin-top: 0px;}
	.our-works-button {
		padding: 7px 13px;}
	.about-us{
		padding:20px;
		padding-top: 50px;}
	.about-us-left p {
		padding-right: 0px;
		line-height: 30px;
		font-size: 14px;}
	.about-us-left {
		width: 100%;}
	.about-us-right {
		width: 100%;}
	.sub-box {
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
		padding-right: 0px;}
	.about-us-right-box {
	    height: 47%;
	    padding: 0px;
	    padding-right: 20px;
	    margin-left: 0px;
	    margin-top: 10px;}
	.sub-box h4 {
		font-size: 12px;
		font-weight: 600;}
	.sub-box h2 {
    	font-size: 18px;}
	.about-us-right-circle {
		left: calc(50% - 80px);
		height: 160px;
		width: 160px;}
	.subscriber .sub-box {
	    margin-left: 20px;
	    margin-top: 20px;}
	.features{
		padding: 50px;
	}
	.features .main-title {
		margin-left: -30px;
	}
	.features-grid {
	    width: 100%;
		padding: 20px;}
	.features-grid img {
	    width: 60px;
	    height: 60px;}
	.features-grid h3 {
		font-size: 20px;}
	.features-grid p {
		font-size: 15px;
		line-height: 25px;}
	.features .service-learn-more-link, .about-us .service-learn-more-link{
		margin-left: 30px;
		display: block;
		width: 100%;
		float: left;
		text-align: right;
		padding: 0px;
		position: relative;
		font-size:15px;}
	.features .service-learn-more-link::after, .about-us .service-learn-more-link::after{
		top:auto;
		bottom: 0px;
		right: 85px;
		font-size: 20px;}
	.about-us .service-learn-more-link{
		margin-left: 0px;
	}
	.our-clients{
		padding: 20px;
		padding-top: 50px;
	}
	.our-clients-left {
	    width: 100%;
	    font-size: 35px;
	    line-height: 50px;
	    font-weight: 300;
	    letter-spacing: -1px;
		}
	.our-clients-right .features-grid {
		width: calc(100% / 2);
	}
	.our-clients-right {
	    width: 100%;
	    padding-bottom: 0px;}
	.our-clients-right .features-grid img {
    	height: auto;
    	width: 80%;
    	padding: 0px;
    	}
	.client-testimonials {
	    padding: 50px 0px;
	    flex-wrap: wrap;}
	.client-testimonials .page-heading {
		padding-bottom: 0px;}
	.client-testimonials-left {
    	display: none;}
	.client-testimonials-right {
		width: 100%;
		padding: 5px 0px;}
	.showreel {
    flex-direction: column-reverse;
	padding: 0px;
	padding-bottom: 50px;}
	.showreel-left {
    width: 100%;
    float: left;
    padding: 0px;
    padding-top: 30px;}
	.showreel-left .title {
		line-height: 2.3;}
	.showreel-left .service-row-content {
		padding: 0px 20px;}
	.showreel-right {
		width: 100%;}
	.showreel-right svg {
		width: 70px;
		position: absolute;
		top: calc( 50% - 25px);
		left: calc( 50% - 35px);}
	.portfolio{
		padding: 25px 0px}
	.page-heading{
		padding: 10px 40px;}
	.portfolio .page-heading{
		padding: 10px 20px;}
	.contact{
		padding: 50px 20px;}
	.contact-content {
    	font-size: 24px;
    	line-height: 35px;
    	word-break: none;}
    .contact-detail {
    	font-size: 20px;}
    .contact-content .email{
    	word-break: break-all;
    	display: inline-block;
    }
    .contact .page-heading{
    	padding: 0px;}
    .social-links .facebook,.social-links .instagram,.social-links .youtube,.social-links .whatsapp{
     background-color: var(--white-color);
     border-color: var(--white-color);}
    footer{
    	font-size: 13px;}
    .footer-left {
    	width: 100%;}
    .footer-left .nav{
    	width:50%;
    }
    .footer-right {
    	width: 100%;
    	padding-top: 10px;}
    footer .nav li a {
	margin-bottom: 4px;
	display: block;}
	.wtsap-content .whatsapp-bar-content img{
    width: 30px;}
    .whatsapp-bar-content img {
    	width: 40px}
    .whatsapp-bar-content {
		flex-wrap: nowrap;}
	.whatsapp-link {
		text-align: left;
		padding: 10px 20px}
    .whatsapp-bar-content h5 {
    font-size: 14px;}
	.home .about-heading {
			padding: 40px 0px;
			font-size: 24px;}
	.page-heading{
		padding: 0px;}
	.about-container{
		width: 95%;
		margin-top: -70px;
		margin-left:2.5%;
		padding: 20px;
		padding-bottom: 40px;}
	.about-container-content {
		padding-top: 10px;}
	.about-container-content-left, .about-container-content-right {
		width: 100%;
		padding: 0px;
		letter-spacing: 0px;}
	.page-heading h2 {
	padding-top: 20px;
	padding-bottom: 0px;}
	.about-timeline {
		padding: 50px 40px;}
	.about-timeline-container {
    padding: 0px;}
	.about-timeline-container::after {
		display: none;}
	.about-timeline-heading::before {
		display: none;}
	.about-timeline-container-left {
    width: 100%;
    padding: 20px 0px;}
	.about-timeline-heading::after {
		left: auto;
		top: -10px;
		right: 15px;}
	.about-timeline-year {
    	font-size: 90px;
    	padding-bottom: 20px;
    	padding-right: 0px;}
    .about-timeline-month {
    	top: 8px;
		font-size: 18px;
		right: 100px;
		line-height: 22px;}
    .about-timeline-container-right {
    	width: 100%;
    	padding-left:0px;}
    .even-container .about-timeline-container-right {
    	padding-right: 0px;}
    .even-container .about-timeline-heading::after {
		left: 15px;
		right: auto;}
	.even-container .about-timeline-year {
		padding-left: 0px;}
	.even-container .about-timeline-month {
		left:100px;}
	.team-container{
	padding: 20px;}
	.team-grids {
		overflow: hidden;}
	.team-grid {
    	width: 100%;
    	border-bottom: 10px solid var(--grey-color);}
    .team-grid img {
    	width: 40%;}
    .team-hover-box{
    	padding: 0px;
    	width: 60%;
		top: 0px;
		left: 40%;
		float: left;
		border-right: 5px solid var(--secondary-dark-color);
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-content: center;
		align-items: center;}
    .team-hover-box h3 {
    	padding-top: 0px;
		padding: 5px;
		width: 100%;
    	float: left;
   		font-size: 18px;}
    .team-hover-box div{
    	width: 100%;
    	float: left;
    	font-size: 13px;
    	word-wrap: normal;
    	padding: 0px 10px;}
    .team-grid-color {
    	display: none;}
    .service-right .content {
    	margin-top: 10px;}
    .service-right .our-works-button {
		margin-top: 15px;
		padding: 5px 13px;
		width: auto;}
   .service-left {
		width: 40%;
		text-align: left;
		padding: 0px 20px;	
		padding-top: 20px;}
	.service-right {
    	width: 100%;
    	padding: 0px 20px;
    	text-align: justify;
    	padding-bottom: 20px;}
    .service-container .service-left img {
    	width: 50%;}
     .service-even .service-left img {
    	float: right;}
	.service-even .service-right .content {
			text-align: justify;}
	.service-even .service-right {
    text-align: right;
	}
	.service-right .page-heading {
    	font-size: 20px;}
    .our-clients-right .service-learn-more-link,.client-testimonials .service-learn-more-link{
    	padding: 0px;
    }
    .our-clients-right .service-learn-more-link::after,.client-testimonials .service-learn-more-link::after {
    	bottom: 0px;
    	top:auto;
		right: 85px;
		font-size: 20px;}
	.contact-right .whatsapp-bar-content {
		padding: 5px 10px;}
    .contact .service-learn-more-link a, .our-clients-right .service-learn-more-link, .client-testimonials .service-learn-more-link {
    	font-size: 15px;
    	padding: 0px}
    .client-testimonials .service-learn-more-link {
    float: right;
    width: 100%;
    }
    .contact .service-learn-more-link {
    	padding-top: 6px;
		width: 100%;
		display: block;
		text-align: right;
		padding: 0px;
		font-size: 18px}
	.contact .service-learn-more-link a::after{
		bottom: 1px;
    	right: 85px;
    	font-size: 20px;}
    .portfolio-section{
    	padding: 20px;
    	padding-bottom: 10px;}
    .portfolio-section-left, .portfolio-section-left ul{
    	width: 100%;
    	float: left;
    	padding-bottom: 10px;}
    .portfolio-section-left ul li{
    	display: inline-block;
    	padding: 10px 0px;}
    .portfolio-section-left ul li a{
    	display: inline;
    	font-size:14px;}
    .portfolio-section-left li a{
    	border:none;}
    .portfolio-section-right {
    	width: 100%;}
    .portfolio-video-content {
    	width: 100%;
		border-right:0px;}
	.portfolio-video-hover-box {
		top:0;}
	.portfolio-video-hover-box h3 {
		padding: 4px;
		padding-top: 3px;
		font-size: 13px;}
	.portfolio-video-hover-box img {
	    width: 20px;
	    height: 20px;}
	.client-logo-grid {
    width: calc( 100% / 2);
    padding: 24px;}
    .client-section .main-title{
    	padding-left: 20px;
    }
    .client-testimonies {
    	padding: 50px 20px;}
	.client-logo-container {
		padding: 0px;}
	.testimonies-container .slick-prev, .testimonies-container .slick-next {
    width: 35px;}
	.home .heading{
		padding: 0px 20px;
		padding-top: 70px;
		font-size: 80px;}
	.home .contact-paragraph{
		padding: 0px 20px;
		font-size: 16px;}
	.contact-section{
		width: 100%;}
	.contact-container {
		margin-top:0px;
		flex-direction: column-reverse;
		padding: 0px;}
	.contact-section {
		padding-bottom: 0px;
		background-color: transparent;
	}
	.contact-container .contact-left, .contact-container .contact-right{
    width: 100%;
    padding: 40px 20px;
    background: transparent;}
	.contact-container .contact-left{
   		background-color: var(--black-color);}
	.home .about-heading{
		padding: 100px 20px;
		padding-bottom: 80px;
		font-size: 24px;}
	.contact-left-topic-content, .contact-left-topic-content a {
		color: var(--dark-grey-color);}
	.wtsap-content {
    	padding: 10px 0px;}
    .popup-content{
    	width: 100%;}
    .nav-menu ul li a.active:after, .nav-menu ul li a.active:before{
    	background-color: transparent;
    }

}