/* Smartphones (portrait and landscape) ----------- */

.new-andriod-t{
	left:-301px;
}

.top-new-get{
	top: -23px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.new-app-img {
		position: relative;
		width: 100%;
		margin: auto;
		top: 15px;
	}
	.top-new-get{
		top:0px;
	}
	.p-new-class{
		margin-top:5px;
		
	}
	
	.real-m {
		margin-top: 0px;
	}
	.new-top-m{
	    top: 210px !important;
	}
	.new-ios{
		left:0px;
		width:100%!important;
		top:0px;
		height:auto!important;
	}
	.p-product-d {
		margin: -52px 0 10px;
	}
	.android-app{
	    left: 8px;
		width: 92%;
		top: 0px;
		height:auto!important;
	}
	
	.about-img {
		position: relative;
		width: 100%;
	}
	.new-nav-hire .nav-pills > li > a {
		
		padding: 11px 6px;
		margin-left: 14px;
		
	}
	.navtop-2 {
		top: 90px;
		z-index: 1024;
	}
	.copy-right {
		margin: 0 0 10px !important;
	}
	
	.tiny-f-d {
		width: 87%;
		margin-top: 20px;
	}
	.rgb-2 {
		/* margin: 111px 0% !important; */
		margin: 40px 0% !important;
	}
	/* .wrapper {
		right: 18px;
	}  */
	
	.navbar-toggle{
		position: relative;
		top: 9px;
	}
	.bs-ios{
		background: #2d2d2dfa !important;
		background-repeat: no-repeat!important;
		height: auto!important;
		min-height: 635px!important;
		background-image: url(../images/pattern-topo-w.png)!important;
		background-size: cover!important;
		margin-top: 75px!important;
	}
	
	.margin-top-product-new {
		margin-top: -62px;
	}
	
	.modal-width {
		width: 95% !important;
	}
	
	.btn-product-d {
		bottom: -121px;
		font-size: 8px;
		padding: 17px 5px;
		margin-top: 11px;
		margin-bottom: 102px;
	}
	.wall {
		background:transparent;
		height:auto;
		top: 0;
	}
	
	.navbar-inverse {
		background-color: #fff;
		box-shadow: 1px -1px 9px 4px rgba(204, 204, 204, 0.34);
		border-color: transparent;
	}
	.main {
		width: calc(100% - 0px) !important;
		margin-left: 0!important;
	}
	.title h1 {
		margin-top: -23px !important;
		font-size: 26px!important;
	}
	.p-d {
		font-size: 13px;
		margin-top: 14px;
	}
	.navbar-nav {
		float: none;
		margin: 0 auto;
		background: #fff;
		display: inline;
		text-align: center;
	}
	.img-frame {
		position: absolute;
		top: -16px;
		left: 47px;
		height: 82%;
	}
	.frame-1 {
		
		background-size: 93%;
		margin-top: -206px;
	}
	.margin-product{
		margin-top: 80px;
	}
	.navbar {
		min-height: auto;
	}
	.subscribe {
		background: #FF5722;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
	.m-top-o{
		margin-top:0px !important;
	}
	.btn-primary-s {
		margin-top: 20px;
		width: 76%;
		margin-left: 11%;
		margin-bottom: 24px;
	}
	
	.l-p p {
		margin: 25px 0 10px;
		text-align: left;
	}
	.bg-address {
		
		top: 15px;
		
	}
	
	.p-m-a {
		
		margin: -56px 0 10px !important;
		text-align: left;
	}
	.bg-call {
		
		top: -77px;
		
	}
	.bg-call-p-m{
		
		margin: -61px 0 10px!important;
		text-align: left;
	}
	
	.i-r-p{
		margin: -54px 0 10px !important;
		text-align: left;
	}
	.tiny-footer {
		
		height: auto;
		background: #F44336;
	}
	.btn-get-s {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.bg-l {
		height: auto !important;
		min-height:auto !important;
	}
	.bg-s {
		background: #fff0f0;
		height: auto;
		min-height: 520px;
	}
	.main-new{
		width: calc(100% - 0px);
		margin-left: 0;
		
	}
	.banner-m {
		height: auto;
		background-size: cover;
		position: relative;
		top: -30px;
	}
	.main-wall {
		width: 100%;
		margin-left: 0;
		margin-top: -124px;
	}
	.product-1 {
		
		top:117px;
		
	}
	.frame-line {
		position: absolute;
		top: 26px;
		left: 0;
		right: 0;
		width: 100%;
	}
	
	.bg-s-yellow {
		background: #FFC107;
		min-height: 670px;
		height: auto;
	}
	
	.reg-bg {
		width: 90%;
		margin: 0 19px;
		height:auto;
	}
	.tabbable-line > .nav-tabs > li > a {
		
		padding: 10px 10px !important;
		font-size: 13px!important;
	}
	
	.rgb-2 {
		float: left;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	
	.rgb-2 {
		float: left;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.text-p-r {
		color:#f48505;
		
		
	}
	.project-form {
		background: none !important;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 30px;
	}
	.bg-r-next{
		color: #ffffff;
		background-color: #272525;
	}
	
	.abou-us {
		width: 90%;
		height: auto !important;
		text-align: justify;
		font-size: 12px;
	}
	
	.happy-c{
		margin-bottom: 20px;
	}
	.tabbable-line-2 > .nav-tabs > li > a {
		padding: 10px 10px !important;
		font-size: 13px!important;
	}
	.project-form-about {
		background: transparent;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 30px;
	}
	.margin-p-b {
		margin-left:0%;
		
	}
	.p-product-d {
		text-align: center;
	}
	
	.email-p {
		font-size: 15px;
		
	}
	
	.abouts-p-w {
		margin: 6px 0px 10px;
		
	}
	.service-ul {
		padding: 1px;
	}
	
	
	.testimonial {
		width: 90%;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
		margin: 2px 34px 26px 13px;
		background-size: 35%;
		background-image: none;
		padding: 10px;
	}
	
	.testimonial .pic {
		display: block;
		position: static;
		margin: 15px auto;
	}
	.narjis-infotech {
		margin: 0px 6px 0px;
	}
	
	.hash{
		top: 72px;
		left: 59px;
		display:none;
	}
	.founder-img {
		display:none;
	}
	.testimonial .post {
		margin-left: 0%;
		margin-top: 0px;
	}
	
	
	.hire-box {
		margin: 140px auto;
	}
	.box-hire-m {
		width: 95%;
		margin: 251px auto;
	}
	.p-d-hire {
		
		font-size: 19px;
		margin-top: 35px;
	}
	.box-hire-new-m{
		margin: -235px auto;
		width:95%;
	}
	
	.line-dot ul li a {
		font-size:13px;
	}
	.line-dot ul {
		margin: -57px -56px;
	}
	.hire-m {
		top: 267px;
		font-size: 33px;
	}
	
	.new-margin-m{
		margin: -53px auto;
	}
	
	.new-margin-m-2{
		margin: -53px auto;
	}
	.hiring-p {
		font-size: 13px;
		line-height: 20px;
	}
	.contac-box{
		margin: 17px auto;
	}
	.icon-img {
		margin-left: 0;
		margin-top: 0px !important;
	}
	.best-p{
		margin:0 !important;
		font-size: 57px;
	}
	.blog-box {
		top: 5px;
		margin: 40px auto;
	}
	.blog-bg-side {
		top: 0px;
		margin: 20px auto;
		
	}
	#custom-search-input-blog .search-query {
		width:100%;
	}
	.pagination>li>a, .pagination>li>span {
		border-radius: 50% !important;
		margin: 0 6px;
	}
	.pagination {
		padding-left: 0px;
		
	}
	.pagination {
		top: -17px;
		left: 15px;
	}
	.main {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
	}
	.new-top-n{
		top:0px !important;
	}
	
	.new-m-title{
		margin-top: 20px!important;
	}
	
	
	
	.new-c {
		margin: 0;
		line-height: 58px!important;
		font-size: 41px!important;
		text-align: center!important;
	}
	.we-r-hiring {
		width: 84%;
		margin-right: 8%;
		margin-top: 24px;
	}
	.box-hire-2 {
		width: 100%;
		padding:0;
		top: 11px;
	}
	.apply-left-none{
		float:none!important;
		margin-bottom: 20px;
	}
	.buy-now-second {
		width: 100%!important;
		top: 2px;
		padding: 19px 3px;
	}
	.buy-now-p {
		top:2px;
	}
	.height-new {
		height: auto;
	}
	
	.button-modal-new {
		margin-bottom:10px;
	}
	.modal-body{
		padding: 10px 24px!important;
	}
	
	.label-input100 {
		width: 100%;
	}
	.rs1-wrap-input100, .rs2-wrap-input100 {
		width: 50% !important;
		float: left;
	}
	.wrap-input100 {
		width: 100%;
	}
	.hire-developer {
	    background-size: cover;
	}
	
	#custom-search-input{
		box-shadow:none;
	}
	
	#custom-search-input-get {
		box-shadow:none;
	}
	#custom-search-text-area {
		box-shadow:none;
	}
	.btn-primary-s {
		box-shadow:none;
	}
	.android-mobile-img{
		position: relative;
		top: -52px;
		width: 100%;
		left: 14px;
	}
	.degital-marketing-new{
		position: relative;
		top: -46px;
	}
	.marg-top-zero-mobile{
		margin-top:0px !important;
	}
	.marg-bottom-mobile-2{
		margin-bottom: 20px!important;
	}
	.how-it-work-get {
		margin-top: 10px;
		margin-bottom: -25px;
	}
	.service-p {
		text-align:justify !important;
	}
	.about-d {
		text-align:justify !important;
	}
	
	.new-404 {
	    top: 172px!important;
	}
	.notfound-404 h1 {
	    font-size: 148px!important;
		margin-top: -26px!important;
	}
	.m-top-404{
	    margin-top:100px !important;
	}
	/*Offer modal*/
	.offer-modal-n .modal-content {
		width: 100%;
	}
	.offer-modal-img {
		left: 0;
		width: 100%;
		height: 100%;
	}
	.modal-c1 {
	    right: 0;
	}
	.offer-modal-n .modal-content {
		overflow-y: auto;
		position: relative;
	}
	.footer-content {
		width: 89%;
		position: absolute;
		bottom: -6px;
	}
	.c7 {
		top: 47px;
		text-align: center;
	}
	/*End offer modal*/
	.new-top-faq {
		margin-top: 60px;
	}
	.box-screen img {
		width: 100%;
	}
	.cab-services {
	background: #3cae59; 
		min-height: 90px;
	}
	
	
	
	.new-cab-mobile{
		font-size:14px;
		margin-top: 25px;
		
	}
	.cab-section-2 {
		background: #3bae58;
	    margin-top: 20px;
	}
	.main-cb-content h3 {
	    font-size: 31px;
		margin-top: 3px;
	}
	.main-cb-content p {
	    font-size: 18px;
	}
	.main-cb-box{
	    width: 100%;
		height: 227px;
	    width: 100%;
		height: 227px;
		margin-bottom:30px;
		box-shadow: none;
	}
	.main-title-cb p {
		color: #181818;
		font-size: 28px;
		margin: 10px 0px 10px;
	}
	.p-cb-new {
		margin: 0px 0px 10px!important;
	}
	.new-cab-new {
	    margin: 0px 0px 10px!important;
        text-align: justify;
	}
	.img-left-demo {
		left:0px;
	}
	.main-cb-box-dec p {
		color:#fff;
		
	}
	.details-dec p {
		color:#fff;
	}
	.main-title-cb-2 p {
	    margin: 0px 0px 10px;
	}
	.last-cab-section {
		background: #3bae58;
	}
	.text-justify-mobile{
	 text-align:justify;
	}
}



@media only screen and (max-width : 320px) {
	.new-app-img {
		position: relative;
		width: 100%;
		margin: auto;
		top: 15px;
	}
	.text-justify-mobile{
	 text-align:justify;
	}
	.p-new-class{
		margin-top:5px;
		
	}
	.new-top-faq {
		margin-top: 60px;
	}
	.top-new-get{
		top:0px;
	}
	.new-404 {
	    top: 172px!important;
	}
	.notfound-404 h1 {
	    font-size: 148px!important;
		margin-top: -26px!important;
	}
	.m-top-404{
	    margin-top:100px !important;
	}
	
	.about-d {
		text-align:justify !important;
	}
	.new-top-m{
	    top: 210px !important;
	}
	.how-it-work-get {
		margin-top: 10px;
		margin-bottom: -25px;
	}
	.service-p {
		text-align:justify !important;
	}
	.marg-bottom-mobile-2{
		margin-bottom: 20px!important;
	}
	.marg-top-zero-mobile{
		margin-top:0px !important;
	}
	.degital-marketing-new{
		position: relative;
		top: -46px;
	}
	
	.icon-img {
		margin-left: 0;
		margin-top: 0px !important;
	}
	
	.android-mobile-img{
		position: relative;
		top: -52px;
		width: 100%;
		left: 14px;
	}
	
	.hire-developer {
	    background-size: cover;
	}
	.new-nav-hire .nav-pills > li > a {
		
		padding: 11px 6px;
		margin-left: 14px;
		
	}
	.label-input100 {
		width: 100%;
	}
	.rs1-wrap-input100, .rs2-wrap-input100 {
		width: 50% !important;
		float: left;
	}
	.wrap-input100 {
		width: 100%;
	}
	.modal-body{
		padding: 10px 24px!important;
	}
	.copy-right {
		margin: 0 0 10px !important;
	}
	
	.contac-box{
		margin: 17px auto;
	}
	
	.about-img {
		position: relative;
		width: 100%;
	}
	.project-form-about {
		background: transparent;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 30px;
	}
	.tabbable-line-2 > .nav-tabs > li > a {
		padding: 10px 10px !important;
		font-size: 13px!important;
	}
	
	
	.navbar-inverse {
		background-color: #fff;
		box-shadow: 1px -1px 9px 4px rgba(204, 204, 204, 0.34);
		border-color: transparent;
	}
	.main {
		width: calc(100% - 0px) !important;
		margin-left: 0!important;
	}
	.title h1 {
		margin-top: -23px !important;
		font-size: 26px!important;
	}
	.p-d {
		font-size: 13px;
		margin-top: 14px;
	}
	.navbar-nav {
		float: none;
		margin: 0 auto;
		background: #fff;
		display: inline;
		text-align: center;
	}
	
	.img-frame {
		position: absolute;
		top: -38px;
		left: 43px;
		height: 72%;
	}
	.frame-1 {
		
		background-size: 93%;
		margin-top: -206px;
	}
	
	.margin-product{
		margin-top: 80px;
	}
	.img-frame-2 {
		top: 90px;
		position: absolute;
		left: 41px;
		height: 54%;
	}
	.frame-2 {
		background-size: 93%;
		
	}
	.navbar {
		min-height: auto;
	}
	
	.subscribe {
		background: #FF5722;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.m-top-o{
		margin-top:0px !important;
	}
	.btn-primary-s {
		margin-top: 20px;
		width: 76%;
		margin-left: 11%;
		margin-bottom: 24px;
	}
	
	.l-p p {
		margin: 25px 0 10px;
		text-align: left;
	}
	
	.bg-address {
		
		top: 15px;
		
	}
	.p-m-a {
		
		margin: -56px 0 10px !important;
		text-align: left;
	}
	
	.bg-call {
		
		top: -77px;
		
	}
	
	.bg-call-p-m{
		
		margin: -61px 0 10px!important;
		text-align: left;
	}
	.i-r-p{
		margin: -54px 0 10px !important;
		text-align: left;
	}
	.tiny-footer {
		
		height: auto;
		background: #F44336;
	}
	.bg-s {
		background: #fff0f0;
		height: auto;
	}
	.btn-get-s {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.bg-l {
		height: auto !important;
		min-height:auto !important;
	}
	
	.bg-s {
		background: #fff0f0;
		height: auto;
		min-height: 520px;
	}
	.main-new{
		width: calc(100% - 0px);
		margin-left: 0;
		
	}
	.banner-m {
		height: auto;
		background-size: cover;
		position: relative;
		top: -30px;
	}
	.main-wall {
		width: 100%;
		margin-left: 0;
		margin-top: -124px;	
	}
	
	.product-1 {
		
		top: 97px;
		
	}
	.frame-line {
		position: absolute;
		top: 26px;
		left: 0;
		right: 0;
		width: 100%;
	}
	
	.btn-product-d {
		
		bottom: -102px;
		font-size: 8px;
		padding: 17px 5px;
		margin-top: 4px;
		margin-bottom: 77px;
	}
	
	.wall {
		background:transparent;
		height:auto;
		top: 0;
	}
	
	.bg-s-yellow {
		background: #FFC107;
		min-height: 670px;
		height: auto;
	}
	.reg-bg {
		width: 90%;
		margin: 0 19px;
		height:auto;
	}
	.tabbable-line > .nav-tabs > li > a {
		
		padding: 10px 10px !important;
		font-size: 13px!important;
	}
	
	.rgb-2 {
		float: left;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.text-p-r {
		color:#f48505;
		
	}
	.project-form {
		background: none !important;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 30px;
	}
	.bg-r-next{
		color: #ffffff;
		background-color: #272525;
	}
	.abou-us {
		width: 90%;
		height: auto !important;
		text-align: justify;
		font-size: 12px;
	}
	.happy-c{
		margin-bottom: 20px;
	}
	.margin-p-b {
		margin-left:0%;
		
	}
	.p-product-d {
		text-align: center;
	}
	
	.email-p {
		font-size: 15px;
		
	}
	.modal-width {
		width: 95% !important;
	}
	
	.bs-ios{
		background: #2d2d2dfa !important;
		background-repeat: no-repeat!important;
		height: auto!important;
		min-height: 635px!important;
		background-image: url(../images/pattern-topo-w.png)!important;
		background-size: cover!important;
		margin-top: 75px!important;
	}
	.margin-top-product-new {
		margin-top: -62px;
	}
	
	.abouts-p-w {
		margin: 6px 0px 10px;
		
	}
	.service-ul {
		padding: 1px;
	}
	.navbar-toggle{
		position: relative;
		top: 9px;
	}
	.testimonial {
		width: 90%;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
		margin: 2px 34px 26px 13px;
		background-size: 35%;
		background-image: none;
		padding: 10px;
	}
	
	.testimonial .pic {
		display: block;
		position: static;
		margin: 15px auto;
	}
	.narjis-infotech {
		margin: 0px 6px 0px;
	}
	
	.hash{
		top: 72px;
		left: 59px;
		display:none;
	}
	.founder-img {
		display:none;
	}
	.testimonial .post {
		margin-left: 0%;
		margin-top: 0px;
	}
	
	/* .wrapper {
		right: 18px;
	}  */
	.tiny-f-d {
		width: 87%;
		margin-top: 20px;
	}
	.rgb-2 {
		margin: 40px 0% !important;
	}	
	
	.hire-box {
		margin: 140px auto;
	}
	.box-hire-m {
		width: 95%;
		margin: 251px auto;
	}
	
	.p-d-hire {
		
		font-size: 19px;
		margin-top: 35px;
	}
	
	.box-hire-new-m{
		margin: -235px auto;
		width:95%;
	}
	.line-dot ul li a {
		font-size:13px;
	}
	.line-dot ul {
		margin: -57px -56px;
	}
	.hire-m {
		top: 267px;
		font-size: 33px;
	}
	.new-margin-m{
		margin: -53px auto;
	}
	.new-margin-m-2{
		margin: -53px auto;
	}
	.hiring-p {
		font-size: 13px;
		line-height: 20px;
	}
	.blog-box {
		top: 5px;
		width: 90%;
		margin: 40px auto;
	}
	.blog-bg-side {
		top: 0px;
		margin: 20px auto;
		width: 90%;
	}
	#custom-search-input-blog .search-query {
		width:100%;
	}
	.pagination {
		top: -17px;
		left: 15px;
	}
	.main {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
	}
	.new-top-n{
		top:0px !important;
	}
	.new-m-title{
		margin-top: 20px!important;
	}
	.new-c {
		margin: 0;
		line-height: 58px!important;
		font-size: 41px!important;
		text-align: center!important;
	}
	.we-r-hiring {
		width: 84%;
		margin-right: 8%;
		margin-top: 24px;
	}
	.box-hire-2 {
		width: 100%;
		padding:0px;
		top: 11px;
	}
	.apply-left-none{
		float:none!important;
		margin-bottom: 20px;
	}
	.buy-now-second {
		width: 100%!important;
		top: 2px;
		padding: 19px 3px;
	}
	.buy-now-p {
		top:2px;
	}
	.height-new {
		height: auto;
	}
	.button-modal-new {
		margin-bottom:10px;
	}
	.navtop-2 {
		top: 90px;
		z-index: 1024;
	}
	
	.new-ios{
		left:0px;
		width:100%;
		top:0px;
		height:auto!important;
	}
	
	.android-app{
	    left: 8px;
		width: 92%;
		top: 0px;
		height:auto!important;
	}
	
	#custom-search-input{
		box-shadow:none;
	}
	
	#custom-search-input-get {
		box-shadow:none;
	}
	#custom-search-text-area {
		box-shadow:none;
	}
	.btn-primary-s {
		box-shadow:none;
	}
	.real-m {
		margin-top: 0px;
	}
	.p-product-d {
		margin: -52px 0 10px;
	}
	.cab-services {
	 background: #3cae59;
		min-height:90px;
	}
	
	.new-cab-mobile{
		font-size:14px;
		margin-top: 25px;
		
	}
	.cab-section-2 {
		background: #3bae58;
	    margin-top: 20px;
	}
	.main-cb-content h3 {
	    font-size: 31px;
		margin-top: 3px;
	}
	.main-cb-content p {
	    font-size: 18px;
	}
	.main-cb-box{
	    width: 100%;
		height: 227px;
	    width: 100%;
		height: 227px;
		margin-bottom:30px;
		box-shadow: none;
	}
	.main-title-cb p {
		color: #181818;
		font-size: 28px;
		margin: 10px 0px 10px;
	}
	.p-cb-new {
		margin: 0px 0px 10px!important;
	}
	.new-cab-new {
	    margin: 0px 0px 10px!important;
        text-align: justify;
	}
	.img-left-demo {
		left:0px;
	}
	.main-cb-box-dec p {
		color:#fff;
		
	}
	.details-dec p {
		color:#fff;
	}
	.main-title-cb-2 p {
	    margin: 0px 0px 10px;
	}
	.last-cab-section {
		background: #3bae58;
	}
}	
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.img-frame {
		position: absolute;
		top: -100px;
		left: 30px;
		height: 47%;
	}
	.img-frame-2 {
		top: -331px;
		position: absolute;
		left: 33px;
		width: 68%;
	}
	.frame-1 {
		background-size: 100%;
		
	}
	.frame-2 {
		background-size: 100%;
		
	}
	.margin-product{
		margin-top:117px;
	}
	
	.p-content {
		left: 52px;
		top: -275px;
		font-size: 17px;
		
	}
	
	.frame-2 {
		
		margin-top: -438px;
	}
	
	.bg-product {
		
		height: 840px;
		background-size: auto;
		
	}
	.circle-1 {
		
		margin-left: 68%;
	}
	.banner-m {
		
		height: auto;
		background-size:auto;
		position: relative;
		top: -139px;
	}
	.frame-line {
		position: absolute;
		top: 75px;
		left: 0;
		right: 0;
		width: 100%;
	}
	.product-1 {
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		top: 142px;
		box-shadow: 2px 16px 20px 11px rgba(204, 204, 204, 0.73);
	}
	.wall {
		top: -290px;
		height: 550px;
	}
	.btn-product-d {
		bottom: -157px;
		font-size: 7px;
		padding: 16px 6px;
		border-radius: 16px;
	}
	.abou-us {
		width: 90%!important;
		height: auto !important;
		text-align: justify;
		font-size: 12px;
	}
	.happy-c {
		width:100%!important;
		margin-bottom: 20px;
	}
	
	.abouts-p-w {
		margin: 6px 15px 10px;
	}
	
	.service-ul {
		padding: 0px 10px;
	}
	ul.social-icons {
		margin-left: -42px;
	}
	.m-top-o{
		margin-top: 140px !important;
	}
	.m-top-tab{
		
		margin-top: 150px;
		
	}
	
	.subscribe {
		background: #ef4b32;
		height: auto;
		padding-bottom: 43px;
	}
	.btn-primary-s{
		
		margin-top: 66px;
	}
	.testimonial {
		width: 266px;
		height: 231px;
		background-repeat:no-repeat;
		background-size: 37%;
	}
	.testimonial .description {
		font-size: 9px;
		line-height: 14px;
	}
	.founder-img {
		top: 162px;
		left: 92px;
		
	}
	.tiny-footer {
		height: 154px;
	}
	.tiny-m-new{
		margin-top: 69px !important;
	}
	.blog-box {
		top: 5px;
		margin: 40px auto;
	}
	.blog-bg-side {
		top: -22px;
		
	}
	#custom-search-input-blog .search-query {
		width:100%;
	}
	.pagination {
		top: -17px;
		left: 15px;
	}
	.new-top-n{
		top:0px !important;
	}
	.new-c {
		margin: 0;
		line-height: 58px!important;
		font-size: 41px!important;
		text-align: center!important;
	}
	.we-r-hiring {
		width: 84%;
		margin-right: 8%;
		margin-top: 24px;
	}
	.box-hire-2 {
		width: 100%;
		top: 11px;
		padding:0px;
	}
	.apply-left-none{
		float:none!important;
		margin-bottom: 20px;
	}
	.buy-now-second {
		width: 100%;
		top: 2px;
		padding: 19px 3px;
	}
	.buy-now-p {
		top:2px;
	}
	.height-new {
		height: auto;
	}
	.offer-modal-n .modal-content {
		width: 100%;
		height: auto !important;
		overflow-y: auto;
	}
	.offer-modal-img {
		left: 33px;
	}
	.footer-content {
		width: 87%;
		bottom: -15px;
	}
	.c7 {
		top: 70px;
		text-align: center;
	}
	.modal-c1 {
		right: 0;
	}
	.row-for-sm {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
	
	.new-app-img {
		position: relative;
		width: 100%;
		margin: auto;
		top: 15px;
	}
	.top-new-get{
		top:0px;
	}
	.new-nav-hire .nav-pills > li > a {
		padding: 11px 6px;
		margin-left:2px;
	}
	.m-top-o {
		margin-top: 0px !important;
	}
	.margin-box{
	    margin-top: -264px!important;
	}
	.main {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
	}
	input[type="text"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	
	input[type="password"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	select:active, input:active,textarea:active{
        font-size: 16px;
	}
	select:focus, input:focus,textarea:focus{
        font-size: 16px;
	}
	
	.hire-m {
		top:7em;
		font-size: 33px;
	}
	.hire-box {
		margin:300px auto;
	}
	.navtop-2 {
		top:250px;
		z-index: 1024;
	}
	.box-hire-2{
		height:auto !important;
	}
	
	.new-top-m{
	    top: 210px !important;
	}
	
	.new-404 {
	    top: 172px!important;
	}
	.notfound-404 h1 {
	    font-size: 148px !important;
		margin-top: -26px !important;
	}
	.m-top-404{
	    margin-top:100px !important;
	}
}

/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 
	
	.top-new-get{
		top:0px;
	}
	.new-nav-hire .nav-pills > li > a {
		padding: 11px 6px;
		margin-left:2px;
	}
	.m-top-o {
		margin-top: 0px !important;
	}
	.box-hire-2{
		height:auto !important;
	}
	.margin-box{
	    margin-top: -264px!important;
	}
	.main {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
	}
	input[type="text"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	
	input[type="password"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	select:active, input:active,textarea:active{
        font-size: 16px;
	}
	select:focus, input:focus,textarea:focus{
        font-size: 16px;
	}
	
	.hire-m {
		top:7em;
		font-size: 33px;
	}
	.hire-box {
		margin:300px auto;
	}
	.navtop-2 {
		top:250px;
		z-index: 1024;
	}
	.new-top-m{
	    top: 210px !important;
	}
	
	.new-404 {
	    top: 172px!important;
	}
	.notfound-404 h1 {
	    font-size: 148px !important;
		margin-top: -26px !important;
	}
	.m-top-404{
	    margin-top:100px !important;
	}
	.new-app-img {
		position: relative;
		width: 100%;
		margin: auto;
		top: 15px;
	}
	
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	.c7 {
		font-size: 10px;
	}
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait){
	.c7 {
		font-size: 10px;
	}
}


/**** Iphone X Only ***/
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {
	
	.top-new-get{
		top:0px;
	}
	.new-nav-hire .nav-pills > li > a {
		padding: 11px 6px;
		margin-left:2px;
	}
	.box-hire-2{
		height:auto !important;
	}
	.margin-box{
	    margin-top: -264px!important;
	}
	.main {
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto;
	}
	input[type="text"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	
	input[type="password"] {
		border-radius: 50px !important;
		height: 45px!important;
		font-size: 16px;
		line-height: 26.666666667px;
        padding: 17.666667px;
		width: 133.333333333%;
		transform: scale(0.75);
		transform-origin: left top;
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}
	select:active, input:active,textarea:active{
        font-size: 16px;
	}
	select:focus, input:focus,textarea:focus{
        font-size: 16px;
	}
	
	.hire-m {
		top:7em;
		font-size: 33px;
	}
	.hire-box {
		margin:300px auto;
	}
	.navtop-2 {
		top:250px;
		z-index: 1024;
	}
	
	.new-404 {
	    top: 172px!important;
	}
	.notfound-404 h1 {
	    font-size: 148px !important;
		margin-top: -26px !important;
	}
	.m-top-404{
	    margin-top:100px !important;
	}
	.new-app-img {
		position: relative;
		width: 100%;
		margin: auto;
		top: 15px;
	}
	
}
/**** Iphone X Only ***/

/* 
	@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
	}
} */