@media only screen and (max-width:1345px) {
.screen-cont {
	right: 0
}
.inner-abs h1 {
	font-size: 16px
}
}
@media only screen and (max-width:1221px) {
.inner-abs h1:before {
	left: -16px
}
.inner-abs h1:after {
	right: -16px
}
}
@media only screen and (max-width:1199px) {
.serve-cont h2, .serve-cont.app-development h2, .serve-cont.digital-marketing h2, .serve-cont.logo-design h2, .serve-cont.video-animation h2, .serve-cont.web-design h2, .serve-cont.web-development h2, .serve-cont.web-hosting h2 {
	font-size: 16px
}
.choose-inner, .process-upper, .serve-cont, .serve-cont.app-development, .serve-cont.digital-marketing, .serve-cont.logo-design, .serve-cont.video-animation, .serve-cont.web-design, .serve-cont.web-development {
	border-radius: 0
}
.section2 {
	height: auto;
	background-size: cover
}
.serve-cont.web-hosting {
	border-radius: 0
}
.section4 {
	height: auto;
	padding: 40px 0
}
.customer-slider {
	background: #fff;
	text-align: center
}
button.field-o {
	margin: 10px 0 0
}
.no_space.space-remove {
	padding-right: 15px!important;
	padding-left: 15px!important
}
.get-in-touch {
	height: auto;
	padding: 40px 0
}
.process-upper {
	text-align: center;
	width: 100%
}
.process-inner {
	float: none;
	margin: 0 auto;
	width: 100px
}
.first-sec-abs-div1, .first-sec-abs-div2, .first-sec-abs-div3, .first-sec-abs-div4, .third-sec-abs-div1 {
	right: 20px
}
.third-sec-abs-div2 {
	right: 0
}
.third-sec-abs-div3 {
	right: 20px
}
ul.right-cont li {
	padding: 0 0 0 25px
}
ul.right-cont li a {
	font-size: 14px
}
}
@media only screen and (max-width:991px) {
.screen-cont, .third-sec-abs-div1, .third-sec-abs-div2, .third-sec-abs-div3 {
	display: none
}
.home-bg, .home-bg.app-development, .home-bg.brand-identity, .home-bg.digital-marketing, .home-bg.video-animation, .home-bg.web-design, .home-bg.web-development, .home-bg.web-hosting {
	background-size: cover
}
.banner-left h1, .banner-left h2, .banner-left h3 {
	font-size: 30px
}
.banner-left p {
	width: 100%;
	margin: 40px 0 0
}
.banner-left a {
	margin: 40px 10px 0 0
}
.serve-cont, .serve-cont.app-development, .serve-cont.brand-identity, .serve-cont.digital-marketing, .serve-cont.logo-design, .serve-cont.video-animation, .serve-cont.web-design, .serve-cont.web-development, .serve-cont.web-hosting {
	margin: 20px 0 0
}
.section3 {
	height: auto
}
.about-content {
	margin: 40px 0 0
}
.choose-us a {
	margin: 40px 0
}
.work-box {
	margin: 15px 0 30px
}
.brand-section img {
	width: auto;
	margin: 0 0 30px
}
.paddng-rght-o {
	padding-right: 15px
}
.video-cont img {
	width: 100%;
	margin: 30px 0 0
}
.video-cont {
	float: right;
	width: 100%
}
}
@media only screen and (max-width:820px) {
.first-sec-abs-div1, .first-sec-abs-div2, .first-sec-abs-div3, .first-sec-abs-div4, .inner-abs h1:after, .inner-abs h1:before {
	display: none
}
.text-3 {
	padding: 125px 0 0
}
}
@media only screen and (max-width:767px) {
.banner-left {
	margin: 25px 0 0
}
.apps-cont-upper p {
	margin: 20px 0 70px
}
.apps-cont-upper span {
	padding: 25px 0 0
}
.banner-app2 {
	padding: 0;
	top: 110px;
	position: relative
}
.text-3, .text-4, .text-1, .text-5 {
	padding: 30px 0 0
}
  
.text-4 h4, .text-1 h4 {
    font-size: 35px;}


.tes .owl-prev, .tes .owl-next{     display: none;}
.logo-app {
    top: -100px;
    left: 0px;
}

.about-content {
	margin: 20px 0 0;
	text-align: center
}
.space90 {
	margin-top: 30px
}
.about-content h1 {
	font-size: 30px;
	line-height: 36px
}
.inner-abs h1 {
	font-size: 30px
}
.get-in-touch p {
	width: 100%
}
ul.right-cont {
	display: none
}
#menulink {
	display: block;
	z-index: 999999999
}
.get-in-touch ul li a {
	border: 0;
	width: auto;
	height: auto;
	font-size: 30px
}
.banner-left.services {
	margin: 30px 0 0
}
.banner-left.services h2 {
	font-size: 30px;
	margin: 60px 0
}
.banner-left.services a {
	border: 0
}
.process-middle-sec h1 {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 20px
}
.get-in-touch ul li a:hover {
	background: 0 0
}
.digital-first-sec {
	padding: 30px 0 230px;
	background-size: cover;
	height: auto
}
.digital-second-sec, .digital-third-sec {
	padding: 30px 0;
	background-size: cover;
	height: auto
}
.digital-second-sec h2, .digital-third-sec h2 {
	margin: 10px 0 0
}
.gert-text p {
	width: 100%
}
.testi img {
	margin: 0 0 20px!important;
	width: 129px!important;
	height: 129px!important
}
.top-text p {
	font-size: 11px;
	margin: 9px 0 10px;
	font-family: Montserrat-Regular;
	color: #000;
	line-height: 17px
}
.testi .owl-prev {
	left: 1%
}
.testi .owl-next {
	right: 5%
}
.abot {
	padding: 20px 0 30px
}
.gert {
	padding: 30px 0 80px
}
.digital-first-sec h1 span {
	font-size: 28px
}
.apps-cont a {
	margin: 28px auto 33px;
	padding: 8px 15px;
	font-size: 12px
}
.satisfied {
	margin: 160px 0 0
}
.satisfied p {
	width: 100%;
	font-size: 11px;
	line-height: 18px
}
.ipad {
	position: absolute;
	bottom: -222px
}
.apps-cont {
	padding: 100px 0 0
}

.btoon2 i {
    width: 13%;
    font-size: 30px;
    position: relative;
    top: 13px;
}

.btoon2 a {
    padding: 1px 26px 3px;

    width: 99%;}

.apps, .apps2 {
    min-height: 665px;
}

}
@media only screen and (max-width:503px) {
.digital-first-sec p, .digital-second-sec p, .digital-third-sec p {
	width: 100%
}
.banner-left a {
	margin: 30px 10px 0 0
}
.banner-left a.color-change {
	margin: 10px 10px 0 0!important
}
.banner-left h3:after {
	bottom: -10px;
	left: -2px
}
.banner-left p {
	font-size: 16px;
	line-height: 21px;
	margin: 20px 0 0
}
.banner-left h1, .banner-left h2 {
	font-size: 24px
}
.footer-bot ul li a {
	font-size: 14px
}
.banner-left.brand-identity a {
	float: left!important
}
.banner-left.brand-identity p {
	margin: 20px auto 0
}
.banner-left.brand-identity {
	text-align: left
}
.digital-third-sec h1 {
	font-size: 25px;
	line-height: 28px
}
.digital-second-sec a, .digital-third-sec a {
	font-size: 16px
}
}
@media screen and (max-height:450px) {
.overlay a {
	font-size: 20px
}
.overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px
}
}