@media only screen and (max-width:320px){
	.container{
		width: 97%;
	}
	.service-content {
	    width: 98%;
	    margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		width: 100%;
		margin-top: 7px;
		padding-left: 10px;
	}
	.slider-carousel{
		height: 100vh;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.cb-slideshow li:nth-child(1) div{
		top: 23%;
	}
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 26px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(5) h4,
	.cb-slideshow li:nth-child(5) p{
		font-size: 20px;
	}
	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 0%;
	}
	.slider-carousel .slider-detail{
		font-size: 16px;
	}
	.slider-carousel .slider-caption {
	    position: absolute;
	    top: 25%;
	    left: 0;
	    right: 0;
	}	
	
	.slider-carousel .slider-content {
	    font-size: 25px;
	}
	.slider-carousel .slider-detail {
	   width: 100%;
	   padding-top: 8%;
	}
	.slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel1 .slider-caption {
	    position: absolute;
	    top: 25%;
	    left: 0;
	    right: 0;
	}
	.slider-carousel1 .slider-content {
	    text-align: center;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 10%;
	}


	.slider-carousel2{
		height: 100vh;
	}
	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 10%;
	}
	.slider-carousel2 .slider-caption {
	    position: absolute;
	    top: 25%;
	    left: 0;
	    right: 0;
	}
	.circle-content{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content:hover{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content figure img{
		padding-top: 16%;
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block{
		width: 100%;
		margin:20% 0 2% 0;
	}
	#posts .post{
		width: 100%;
	}
	.testomonial-block{
		width: 100%;
	}

	#contact-us .contact-block-left{
		width: 100%;
		float: none;
	}
	.form-groups .form-input {
	    width: 86%;
	}
	.message-group textarea{
		width:93%;
	}
	.contact-block-right{
		width: 100%;
		float: none;
		margin-top: 7%;
	}
	.top-footer-block{
		width: 100%;
		padding: 10px 0;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		display: none;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 50px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	#contact-us{
		padding-bottom: 0;
	}
	.top-footer,.contact-block{
		padding: 0 10px;
	}
	.company-info{
		padding: 0;
	}
	#filter{
		padding: 0;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	/*==================apps_info===================*/
	.work-banner{
		padding-bottom: 6%;
		padding-top: 7%;
	}

	.banner-content .banner-content-detail{
		width: 95%;
		padding: 0 10px;
	}
	.tech-box-col{
		width: 100%;
		border:none;
		padding: 0 10px;
	}
	.line{
		display: none;
	}
	.work-contact-form{
		width: 98%;
	}
	.work-contact-form .contact-group{
		width: 100%;
		float: none;
	}
	.app-list-col{
		width: 100%;
		float: none;
	}
	.apps-list .app-list-block{
		margin-left: 0;
	}
	.app-list-col .app-img img{
		width: 70%;
	}
	.contact-group .contact-form{
		width: 92%;
	}
	.project-detail textarea{
		width: 92%;
	}
	.how-we-work-category{
		margin: 2% auto
	}
	.circle-box{
		margin-bottom: 5%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box-col:nth-child(3n){
		border:none;
	}
	.tech-box{
		text-align: center;
	}
	.tech-click-btn li{
		text-align: left;
	}
	.icons-apps li{
		margin-right: 2%;
	}
	.how-we-work .circle-box li {
	    width: 38%;
	    margin: 0 auto 20px;
	    display: inherit;
	}
	.how-we-work .circle-box li:last-child{
		margin-right: auto;
	}
	.icon-archive .work-research-icon {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-design-icon {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-develop-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive{
		width: 120px;
		height: 120px;
	}
	.icon-archive:hover{
		width: 120px;
		height: 120px;
	}

	/*==================================*/
	.apps-list-mob{
		display: inherit;
		text-align: center;
	}
	.apps-list{
		display: none;
	}
	.work-details{
		display: none;
	}
	.work-details-mob{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
		display: inherit;
	}
	.apps-list-desktop {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.apps-list-mob .app-list-block li{
		margin: 10px 0;
	}
	.apps-list-mob{
		margin: 10% 0;
	}
	
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-moz-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-ms-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-o-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-width: 64px 15px 65px 12px;
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-moz-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-ms-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-o-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-width: 12px 24px 10px 24px;
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-mob{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-moz-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-ms-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-o-border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-color: #f4be52;
		border-width: 12px 12px 72px 12px;
	}
	.scrollup{
		right:4px;
	}
	/*======================logo-list======================*/
	.company-block-left{
		width: 100%;
		display: inherit;
	}
	.logo-box figure img{
		width: 100%;
	}
	.company-block-right {
	    display: inherit;
	    padding: 20px 10px 0;
	}
	.logo-column-block{
		width: 100%;
		float: none;
	}
	.show-logo {
	    padding-top: 10px;
	}
	.logo-action{
		text-align: center;
	}
	.logo-action .logo-column-left{
		width:100%;
	}
	.logo-action .logo-column-right{
		width: 100%;
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-column-left a.btn-launch{
		padding: 10px 54px;
	}
	.logo-action .logo-column-right a.btn-action{
		padding: 10px 57px;
	}
	.logo-heading-block .logo-heading-action .logo-column-right{
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-heading-action .logo-column-right a.btn-action{
		padding: 10px 61px;
	}
	.logo-heading-action .logo-column-left a.btn-launch{
		padding: 10px 53px;
	}
	/*===============================logo======================*/
	.marketing-header{
		padding: 10% 0;
	}
	.action-column .action-column-right{
		padding-top: 10%;
	}
	.action-column .action-column-left{
		padding-top: 5%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.logo-item-carasual{
		width: 100%;
	}
	.logo-col-block{
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.logo-question p{
		font-size: 14px;
		line-height: 25px;
	}
	.logo-view{
		margin: 5% 0;
	}
	/*===============lightbox===============*/
	.inner{
		top: 20%;
		width: 87%;
		left: 6%;
		padding: 0;
		max-height: 73%;
		overflow: hidden;
	}
	.close{
		right: 0;
		top: 1px
	}
	.content .content-block-left{
		width: 100%;
		display: inherit;
	}
	.content{
		overflow-y: scroll;
		height:350px;
		padding: 15px;
	}
	.content .content-block-right{
		padding-left: 0;
	}
	.stats-data li{
		margin-right: 3%;
	}
	.stats-data li .stats-value {
	    font-size: 22px;
	    padding-top: 3%;
	}
	.stats-data li .stats-name {
	    font-size: 14px;
	    font-weight: 500;
	    font-family: 'raleway';
	}
	.transparency{
		position: fixed;
	}
	#filter button {
	  padding: 5px 10px;
	}
	.content-block-right .content-titles {
	    font-family: 'raleway';
	    font-size: 20px;
	}
	#modal{
		width: 100%!important;
		height: 75%!important;
		overflow-y: scroll;
	}
	.form-container .contact-group .contact-form{
		width: 100%;
	}
	.modal--active.modal--vertical-align-center{
		top: 56%;
	}
	.form-container .work-contact-form{
		width: 90%;
		margin: 0;
	}
	.ap-container{
		width: 100%;
	}
	.form-container .project-detail textarea{
		width: 100%;
	}
	.close:before{
		top: -1px;
	}
	.logo-description{
		padding: 20% 0;
	}
	.work-contact{
		padding: 18% 0;
	}
	.technology .tech-box .tech-border{
		border-right: none;
	}
	.tech-box-col{
		height: auto;
	}
	.technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 28px 0 0 28px;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}

}

@media only screen and (min-width: 321px) and (max-width:400px){
	.container{
		width: 97%;
	}
	#filter button {
	  padding: 5px 18px;
	}
	.service-content {
	    width: 98%;
	    margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		width: 100%;
		margin-top: 7px;
		padding-left: 10px;
	}
	.slider-carousel{
		height: 100vh;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.cb-slideshow li:nth-child(1) div{
		top: 24%;
	}
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 30px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(5) h4,
	.cb-slideshow li:nth-child(5) p{
		font-size: 25px;
	}
	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 0%;
	}
	.slider-carousel .slider-detail{
		font-size: 16px;
	}
	
	.slider-carousel .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}	
	
	.slider-carousel .slider-content {
	    font-size: 25px;
	}
	.slider-carousel .slider-detail {
	   width: 100%;
	   padding-top: 8%;
	}
	.slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel1 .slider-content {
	    text-align: center;
	    padding-top: 10%;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 10%;
	}
	.slider-carousel1 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}	

	.slider-carousel2{
		height: 100vh;
	}
	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	    padding-top: 10%;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 10%;
	}
	.slider-carousel2 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}	
	.circle-content{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content:hover{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content figure img{
		padding-top: 16%;
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block{
		width: 100%;
		margin:20% 0 2% 0;
	}
	#posts .post{
		width: 100%;
	}
	.testomonial-block{
		width: 100%;
	}

	#contact-us .contact-block-left{
		width: 100%;
		float: none;
	}
	.form-groups .form-input {
	    width: 86%;
	}
	.message-group textarea{
		width:93%;
	}
	.contact-block-right{
		width: 100%;
		float: none;
		margin-top: 7%;
	}
	.top-footer-block{
		width: 100%;
		padding: 10px 0;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		display: none;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 50px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	#contact-us{
		padding-bottom: 0;
	}
	.top-footer,.contact-block{
		padding: 0 10px;
	}
	.company-info{
		padding: 0;
	}
	#filter{
		padding: 0;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	/*==================apps_info===================*/
	.work-banner{
		padding-bottom: 6%;
		padding-top: 7%;
	}

	.banner-content .banner-content-detail{
		width: 95%;
		padding: 0 10px;
	}
	.tech-box-col{
		width: 100%;
		border:none;
		padding: 0 10px;
		height: auto;
	}
	.line{
		display: none;
	}
	.work-contact-form{
		width: 98%;
	}
	.work-contact-form .contact-group{
		width: 100%;
		float: none;
	}
	.app-list-col{
		width: 100%;
		float: none;
	}
	.apps-list .app-list-block{
		margin-left: 0;
	}
	.app-list-col .app-img img{
		width: 70%;
	}
	.contact-group .contact-form{
		width: 92%;
	}
	.project-detail textarea{
		width: 92%;
	}
	.how-we-work-category{
		margin: 2% auto
	}
	.circle-box{
		margin-bottom: 5%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box-col:nth-child(3n){
		border:none;
	}
	.tech-box{
		text-align: center;
	}
	.tech-click-btn li{
		text-align: left;
	}
	.icons-apps li{
		margin-right: 2%;
	}
	.how-we-work .circle-box li {
	    width: 38%;
	    margin: 0 auto 20px;
	    display: inherit;
	}
	.how-we-work .circle-box li:last-child{
		margin-right: auto;
	}
	.icon-archive .work-research-icon {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-design-icon {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-develop-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive{
		width: 120px;
		height: 120px;
	}
	.icon-archive:hover{
		width: 120px;
		height: 120px;
	}

	/*==================================*/
	.apps-list-mob{
		display: inherit;
		text-align: center;
	}
	.apps-list{
		display: none;
	}
	.work-details{
		display: none;
	}
	.work-details-mob{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
		display: inherit;
	}
	.apps-list-desktop {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.apps-list-mob .app-list-block li{
		margin: 10px 0;
	}
	.apps-list-mob{
		margin: 10% 0;
	}
	
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-moz-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-ms-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-o-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-webkit-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-width: 64px 15px 65px 12px;
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-moz-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-ms-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-o-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-color: #f4be52;
		border-width: 12px 24px 10px 24px;
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-mob{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-moz-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-ms-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-o-border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-color: #f4be52;
		border-width: 12px 12px 72px 12px;
	}
	.scrollup{
		right:4px;
	}
	/*======================logo-list======================*/
	.company-block-left{
		width: 100%;
		display: inherit;
	}
	.logo-box figure img{
		width: 100%;
	}
	.company-block-right {
	    display: inherit;
	    padding: 20px 10px 0;
	}
	.logo-column-block{
		width: 100%;
		float: none;
	}
	.show-logo {
	    padding-top: 10px;
	}
	.logo-action{
		text-align: center;
	}
	.logo-action .logo-column-left{
		width:100%;
	}
	.logo-action .logo-column-right{
		width: 100%;
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-column-left a.btn-launch{
		padding: 10px 69px;
	}
	.logo-action .logo-column-right a.btn-action{
		padding: 10px 74px;
	}
	.logo-heading-block .logo-heading-action .logo-column-right{
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-heading-action .logo-column-right a.btn-action{
		padding: 10px 88px;
	}
	.logo-heading-action .logo-column-left a.btn-launch{
		padding: 10px 76px;
	}
	/*===============================logo======================*/
	.marketing-header{
		padding: 10% 0;
	}
	.action-column .action-column-right{
		padding-top: 10%;
	}
	.action-column .action-column-left{
		padding-top: 5%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.logo-item-carasual{
		width: 100%;
	}
	.logo-col-block{
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.logo-question p{
		font-size: 14px;
		line-height: 25px;
	}
	.logo-view{
		margin: 5% 0;
	}
	/*===============lightbox===============*/
	.close:before{
		top: 1px;
	}
	.inner{
		top: 21%;
		width: 76%;
		left: 11%;
		padding: 0;
		max-height: 73%;
		overflow: hidden;
	}
	.close{
		right: 0;
		top: 1px
	}
	.content .content-block-left{
		width: 100%;
		display: inherit;
	}
	.content{
		overflow-y: scroll;
		height:350px;
		padding: 15px;
	}
	.content .content-block-right{
		padding-left: 0;
	}
	.stats-data li{
		margin-right: 3%;
	}
	.stats-data li .stats-value {
	    font-size: 22px;
	    padding-top: 3%;
	}
	.stats-data li .stats-name {
	    font-size: 14px;
	    font-weight: 500;
	    font-family: 'raleway';
	}
	.stats-data li{
		margin-right: 3%;
	}
	.transparency{
		position: fixed;
	}
	.content-block-right .content-titles {
	    font-family: 'raleway';
	    font-size: 20px;
	}
	#modal{
		width: 100%!important;
		height: 75%!important;
		overflow-y: scroll;
	}
	.form-container .contact-group .contact-form{
		width: 100%;
	}
	.modal--active.modal--vertical-align-center{
		top: 56%;
	}
	.form-container .work-contact-form{
		width: 90%;
		margin: 0;
	}
	.ap-container{
		width: 100%;
	}
	.form-container .project-detail textarea{
		width: 100%;
	}
	.logo-description{
		padding: 20% 0;
	}
	.work-contact{
		padding: 18% 0;
	}
	.technology .tech-box .tech-border{
		border-right: none;
	}
	.technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 28px 0 0 28px;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}
}

@media only screen and (min-width: 401px) and (max-width:480px){
	.container{
		width: 97%;
	}
	.service-content {
	    width: 98%;
	    margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		width: 100%;
		margin-top: 7px;
		padding-left: 10px;
	}
	.slider-carousel{
		height: 100vh;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.cb-slideshow li:nth-child(1) div{
		top: 24%;
	}
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 30px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}

	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 0%;
	}
	
	.slider-carousel .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}
	.slider-carousel .slider-detail {
	   width: 100%;
	   font-size: 16px;
	   line-height: 20px;
	   padding-top: 8%;
	}
	.slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel1 .slider-content {
	    text-align: center;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 3%;
	}
	.slider-carousel1 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}	

	.slider-carousel2{
		height: 100vh;
	}
	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 3%;
	}
	.slider-carousel2 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}	
	.circle-content{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content:hover{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content figure img{
		padding-top: 16%;
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block{
		width: 100%;
		margin:20% 0 2% 0;
	}
	#posts .post{
		width: 100%;
	}
	.testomonial-block{
		width: 100%;
	}

	#contact-us .contact-block-left{
		width: 100%;
		float: none;
	}
	.form-groups .form-input {
	    width: 86%;
	}
	.message-group textarea{
		width:93%;
	}
	.contact-block-right{
		width: 100%;
		float: none;
		margin-top: 7%;
	}
	.top-footer-block{
		width: 100%;
		padding: 10px 0;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		display: none;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 50px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	#contact-us{
		padding-bottom: 0;
	}
	.top-footer,.contact-block{
		padding: 0 10px;
	}
	.company-info{
		padding: 0;
	}
	#filter{
		padding: 0;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	/*==================apps_info===================*/
	.work-banner{
		padding-bottom: 6%;
		padding-top: 7%;
	}

	.banner-content .banner-content-detail{
		width: 95%;
		padding: 0 10px;
	}
	.tech-box-col{
		width: 100%;
		border:none;
		padding: 0 10px;
		height: auto;
	}
	.line{
		display: none;
	}
	.work-contact-form{
		width: 98%;
	}
	.work-contact-form .contact-group{
		width: 100%;
		float: none;
	}
	.app-list-col{
		width: 100%;
		float: none;
	}
	.apps-list .app-list-block{
		margin-left: 0;
	}
	.app-list-col .app-img img{
		width: 70%;
	}
	.contact-group .contact-form{
		width: 92%;
	}
	.project-detail textarea{
		width: 92%;
	}
	.how-we-work-category{
		margin: 2% auto
	}
	.circle-box{
		margin-bottom: 5%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box .col1{
		margin-bottom: 8%;
	}
	.tech-box-col:nth-child(3n){
		border:none;
	}
	.tech-box{
		text-align: center;
	}
	.tech-click-btn li{
		text-align: left;
	}
	.icons-apps li{
		margin-right: 2%;
	}
	.how-we-work .circle-box li {
	    margin-bottom: 5%;
	}
	.icon-archive .work-research-icon {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 25px 0 0 30px;
	}
	.icon-archive .work-design-icon {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 29px 0 0 26px;
	}
	.icon-archive .work-develop-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 120px;
	    width: 120px;
	    margin: 28px 0 0 28px;
	}
	.icon-archive{
		width: 120px;
		height: 120px;
	}
	.icon-archive:hover{
		width: 120px;
		height: 120px;
	}

	/*==================================*/
	.apps-list-mob{
		display: inherit;
		text-align: center;
	}
	.apps-list{
		display: none;
	}
	.work-details{
		display: none;
	}
	.work-details-mob{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
		display: inherit;
	}
	.apps-list-desktop {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.apps-list-mob .app-list-block li{
		margin: 10px 0;
	}
	.apps-list-mob{
		margin: 10% 0;
	}
	
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-moz-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-ms-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		-o-border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-image: url(../images/patern_mob1.png) 64 15 65 12;
		border-width: 64px 15px 65px 12px;
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-moz-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-ms-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-o-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-color: #f4be52;
		border-width: 12px 24px 10px 24px;
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-mob{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-moz-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-ms-border-image: url(../images/imac-mob.png) 12 12 72 12;
		-o-border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-image: url(../images/imac-mob.png) 12 12 72 12;
		border-color: #f4be52;
		border-width: 12px 12px 72px 12px;
	}
	.scrollup{
		right:4px;
	}
	/*======================logo-list======================*/
	.company-block-left{
		width: 100%;
		display: inherit;
	}
	.logo-box figure img{
		width: 100%;
	}
	.company-block-right {
	    display: inherit;
	    padding: 20px 10px 0;
	}
	.logo-column-block{
		width: 100%;
		float: none;
	}
	.show-logo {
	    padding-top: 10px;
	}
	.logo-action{
		text-align: center;
	}
	.logo-action .logo-column-left{
		width:100%;
	}
	.logo-action .logo-column-right{
		width: 100%;
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-column-left a.btn-launch{
		padding: 10px 76px;
	}
	.logo-action .logo-column-right a.btn-action{
		padding: 10px 81px;
	}
	.logo-heading-block .logo-heading-action .logo-column-right{
		margin-left: 0;
		padding-top: 4%;
	}
	.logo-heading-action .logo-column-right a.btn-action{
		padding: 10px 88px;
	}
	.logo-heading-action .logo-column-left a.btn-launch{
		padding: 10px 76px;
	}
	/*===============================logo======================*/
	.marketing-header{
		padding: 10% 0;
	}
	.action-column .action-column-right{
		padding-top: 10%;
	}
	.action-column .action-column-left{
		padding-top: 5%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.logo-item-carasual{
		width: 100%;
	}
	.logo-col-block{
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.logo-question p{
		font-size: 14px;
		line-height: 25px;
	}
	.logo-view{
		margin: 5% 0;
	}
	/*===============lightbox===============*/
	.inner{
		top: 25%;
		width: 75%;
		left: 11%;
		padding: 0;
		max-height: 72%;
		overflow: hidden;
	}
	.close{
		right: 0;
		top: 1px
	}
	.content .content-block-left{
		width: 100%;
		display: inherit;
	}
	.content{
		overflow-y: scroll;
		height: 330px;
		padding: 15px;
	}
	.content .content-block-right{
		padding-left: 0;
	}
	.stats-data li{
		margin-right: 3%;
	}
	.transparency{
		position: fixed;
	}
	.content-block-right .content-titles {
	    font-family: 'raleway';
	    font-size: 20px;
	}
	.close:before{
		top: -1px;
	}
	#modal{
		width: 100%!important;
		height: 75%!important;
		overflow-y: scroll;
	}
	.form-container .contact-group .contact-form{
		width: 100%;
	}
	.modal--active.modal--vertical-align-center{
		top: 56%;
	}
	.form-container .work-contact-form{
		width: 90%;
		margin: 0;
	}
	.ap-container{
		width: 100%;
	}
	.form-container .project-detail textarea{
		width: 100%;
	}
	.logo-description{
		padding: 20% 0;
	}
	.work-contact{
		padding: 18% 0;
	}
	.technology .tech-box .tech-border{
		border-right: none;
	}
	.technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 28px 0 0 28px;
	}
	.how-we-work .circle-box li {
	    width: 30%;
	    margin: 0 auto 20px;
	    display: inherit;
	}
	.how-we-work .circle-box li:last-child{
		margin-right: auto;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}
}

@media only screen and (min-width:481px) and (max-width:599px) {
	.container{
		width: 97%;
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		margin-top: 0;
		padding-left: 10px;
	}
	.slider-carousel{
		height: 100vh;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.cb-slideshow li:nth-child(1) div,
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 35px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 8%;
	}
	
	.slider-carousel .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}

	.slider-carousel .slider-content {
	    font-size: 24px;
	}
	.slider-carousel .slider-detail {
	    padding-top: 3%;
	    font-size: 18px;
	    width: 80%;
	}
	.slider-carousel .slider-detail {
	   width: 80%;
	   font-size: 14px;
	   line-height: 20px;
	   padding-top: 3%;
	}
	.slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel1 .slider-content {
	    text-align: center;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 5%;
	}
	.slider-carousel1 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}

	.slider-carousel2{
		height: 100vh;
	}
	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 5%;
	}
	.slider-carousel2 .slider-caption {
	    position: absolute;
	    top: 22%;
	    left: 0;
	    right: 0;
	}
	.service-content{
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
	.service-content-block .last{
		margin-right: 0;
	}
	.circle-content figure img{
		padding-top: 16%;
	}
	.circle-content{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.circle-content:hover{
		width: 150px;
		height: 150px;
		border-radius: 50%;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block{
		width: 100%;
	}
	.top-footer{
		padding: 15px 0;
	}
	.top-footer-block{
		width: 100%;
		padding: 5px 0;
	}
	.testomonial-block{
		width: 100%;
	}
	#contact-us .contact-block-left{
		width: 100%;
		float: none;
	}
	.contact-block-right{
		width: 100%;
		float: none;
		margin-top: 8%;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		text-align: center;
		margin-top: 3%;
	}
	.bottom-footer .footer-link{
		display: none;
	}
	#posts .post{
		width: 100%;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 50px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	#contact-us{
		padding-bottom: 0;
	}
	.icon-archive .work-research-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-design-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-develop-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive{
		width: 100px;
		height: 100px;
	}
	.icon-archive:hover{
		width: 100px;
		height: 100px;
	}
	/*========================apps_info===================*/
	.banner-content .banner-content-detail{
		width: 100%;
	}
	.tech-box{
		text-align: center;
	}
	.tech-click-btn li{
		text-align: left;
		margin-bottom: 1%;
	}
	.tech-box .tech-box-col{
		width: 100%;
		border:none;
		height: auto;
	}
	.tech-box .col1{
		border:none;
	}
	.how-we-work-category {
	    margin: 5% auto;
	}
	.circle-box{
		margin-bottom: 4%;
	}
	.line{
		display: none;
	}
	.work-contact-form{
		width: 93%;
	}
	.work-contact-form .contact-group {
	    width: 100%;
	    float: none;
	}
	.contact-group .contact-form {
	    width: 96%;
	    margin-right: 0;
	}
	.work-banner{
		padding-top: 7%;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	/*============================*/

	.apps-list-sp,.work-details-mob{
		display: inherit;
	}
	.apps-list,.work-details{
		display: none;
	}
	.apps-list-sp {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.work-details-mob{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
	}
	.apps-list-sp .app-list-block li:last-child{
		margin-right: 0;
	}
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-moz-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-ms-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-o-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-width: 44px 9px 46px 11px;
		background-color:#F9F6F6; 
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-moz-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-ms-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		-o-border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-image: url(../images/ipad-frame-mob.png) 12 24 10 24;
		border-color: #f4be52;
		border-width: 12px 24px 10px 24px;
		background-color:#9FDAE0; 
	}
	 .work-details-imac{
	 	display: none;
	 }
	 .work-details-imac-mob{
	 	padding: 5% 0;
	 	background: #f1f1f1;
	 	display: inherit;
	 }
	  img.mac-frame{
	  	border:3px solid #fff;/* show to IE */
	 	-webkit-border-image: url(../images/imac-mob.png) 12 12 72 12;
	 	-moz-border-image: url(../images/imac-mob.png) 12 12 72 12;
	 	-ms-border-image: url(../images/imac-mob.png) 12 12 72 12;
	 	-o-border-image: url(../images/imac-mob.png) 12 12 72 12;
	 	border-image: url(../images/imac-mob.png) 12 12 72 12;
	 	border-color: #f4be52;
	 	border-width: 12px 12px 72px 12px;
	 }
	 .scrollup{
	 	right:4px;
	 }
	 /*=======================logo-details======================*/
	 .company-block-left{
	 	width: 100%;
	 	display: inherit;
	 }
	 .logo-box figure img{
	 	width: 100%;
	 }
	 .company-block-right {
	     display: inherit;
	     padding: 20px 10px 0;
	 }
	 .logo-column-block{
	 	width: 100%;
	 	float: none;
	 }
	 .logo-action{
	 	text-align: center;
	 }
	 .show-logo {
	     padding-top: 10px;
	 }
	 /*======================logo=============================*/
	 .marketing-header{
	 	padding: 6% 0;
	 }
	 .action-column .action-column-right{
	 	padding-top: 10%;
	 }
	 .action-column .action-column-left{
	 	padding-top: 5%;
	 }
	 .logo-item-carasual img{
	 	width: 100%;
	 }
	 .logo-item-carasual{
	 	width: 49.3%;
	 }
	 .logo-col-block{
	 	width: 100%;
	 	float: none;
	 	margin: 0 0 10% 0;
	 }
	 .logo-question p{
	 	font-size: 14px;
	 	line-height: 25px;
	 }
	 .logo-view{
	 	margin: 5% 0;
	 }
	 /*========================light-box====================*/
	 .inner {
	     top: 22%;
	     width: 62%;
	     left: 19%;
	     padding: 0;
	     max-height:72%;
	     overflow: hidden; 
	 }
	 .close{
	 	right: 0;
	 	top: 1px
	 }
	 .content .content-block-left{
	 	width: 100%;
	 	display: inherit;
	 }
	 .content{
	 	overflow-y: scroll;
	 	max-height: 350px;
	 	padding: 30px;
	 }
	 .content .content-block-right{
	 	padding-left: 0;
	 }
	 .stats-data li{
	 	margin-right: 4%;
	 }
	 .transparency{
	 	position: fixed;
	 }
	 .content-block-right .content-titles {
	     font-family: 'raleway';
	     font-size: 20px;
	 }
	 .close:before{
	 	top: -1px;
	 }
	 #modal{
	 	width: 100%!important;
	 	height: 75%!important;
	 	overflow-y: scroll;
	 }
	 .form-container .contact-group .contact-form{
	 	width: 100%;
	 }
	 .modal--active.modal--vertical-align-center{
	 	top: 56%;
	 }
	 .form-container .work-contact-form{
	 	width: 90%;
	 	margin: 0;
	 }
	 .ap-container{
	 	width: 100%;
	 }
	 .form-container .project-detail textarea{
	 	width: 100%;
	 }
	 .logo-description{
	 	padding: 10% 0;
	 }
	 .work-contact{
	 	padding: 13% 0;
	 }
	 .technology .tech-box .tech-border{
	 	border-right: none;
	 }
	 .technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 20px 0 0 20px;
	    height: 100px;
	    width: 100px;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.how-we-work .circle-box li{
		margin-right: 1%;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}
}

@media only screen and (min-width:600px) and (max-width:609px) {
	.close:before{
		top: 1px;
	}
	.container{
		width: 93%;
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		margin-top: 1px;
		padding-left: 10px;
	}
	.service-content{
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
	.cb-slideshow li:nth-child(1) div,
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 45px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 8%;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel .slider-caption {
	    top: 30%;
	}
	.slider-carousel .slider-detail{
		width: 90%;
	}
	.slider-carousel, .slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}

	.slider-carousel1 .slider-content {
	    text-align: center;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 7%;
	}
	.slider-carousel1 .slider-caption {
	    top: 30%;
	}

	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 7%;
	}
	.slider-carousel2 .slider-caption {
	    top: 30%;
	}
	.service-content-block .last{
		margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block .member-img{
		width: 150px;
		height: 150px;
	}
	.top-footer{
		padding: 15px 0;
	}
	.top-footer-block{
		width: 100%;
		padding: 10px;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		text-align: center;
		margin-top: 3%;
	}
	#posts .post{
		width: 50%;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 60px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	
	#contact-us{
		padding-bottom: 0;
		border-left: none;
	}
	/*================apps_info=============*/
	.tech-box-col{
		width: 100%;
		text-align: center;
		border:none;
		height: auto;
	}
	.work-banner{
		padding-top: 7%;
	}
	.tech-box-col:nth-child(3n){
		border:none;
	}
	.tech-box-col .tech-box-title{
		margin-top: 4%;
	}
	.tech-click-btn{
		text-align: left;
		margin-top: 3%;
	}
	.tech-click-btn li{
		display: inline-block;
		margin-right: 1%;
	}
	.how-we-work-category{
		margin: 5% auto;
	}
	.line{
		display: none;
	}
	.circle-box{
		margin-bottom: 3%;
	}
	.work-contact-form .contact-group{
		width: 100%;
		float: none;
	}
	.contact-group .contact-form{
		width: 96%;
		margin-right: 0;
	}
	.work-contact-form{
		width: 90%;
		float: none;
	}
	.banner-content .banner-content-detail{
		width: 100%;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	#cssmenu > ul > li > a {
	  padding: 17px;
	  font-size: 12px;
	  letter-spacing: 1px;
	  text-decoration: none;
	  color: #fff;
	  font-weight: 700;
	  text-transform: uppercase;
	  background: #086D8B;
	}
	.icon-archive .work-research-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-design-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-develop-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive{
		width: 100px;
		height: 100px;
	}
	.icon-archive:hover{
		width: 100px;
		height: 100px;
	}
	/*======================================*/
	.apps-list-sp,.work-details-sp{
		display: inherit;
	}
	.apps-list,.work-details{
		display: none;
	}
	.apps-list-sp {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.work-details-sp{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
	}
	.apps-list-sp .app-list-block li:last-child{
		margin-right: 0;
	}
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-moz-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-ms-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-o-border-image: url(../images/patern_mob.png) 34 8  34 7;
		border-image: url(../images/patern_mob.png) 34 8  34 7;
		border-width: 34px 8px 34px 7px;
		background-color:#F9F6F6; 
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-moz-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-ms-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-o-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		border-color: #f4be52;
		border-width: 22px 45px 22px 45px;
		background-color:#9FDAE0; 
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-sp{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-moz-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-ms-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-o-border-image: url(../images/imac-sp.png) 21 21 134 21;
		border-image: url(../images/imac-sp.png) 21 21 134 21;
		border-width: 21px 21px 134px 21px;
		border-color: #f4be52;
		
	}
	.scrollup{
		right:4px;
	}
	/*============================logo-details====================*/
	.company-block-left{
		width: 100%;
		display: inherit;
	}
	.logo-box figure img{
		width: 100%;
	}
	.company-block-right {
	    display: inherit;
	    padding: 20px 10px 0;
	}
	.logo-column-block{
		width: 100%;
		float: none;
	}
	.logo-action{
		text-align: center;
	}
	.show-logo {
	    padding-top: 10px;
	}
	/*======================logo=============================*/
	.marketing-header{
		padding: 6% 0;
	}
	.action-column .action-column-right{
		padding-top: 10%;
	}
	.action-column .action-column-left{
		padding-top: 5%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.logo-item-carasual{
		width: 49.7%;
	}
	.logo-col-block{
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.logo-question p{
		font-size: 14px;
		line-height: 25px;
	}
	.logo-view{
		margin: 5% 0;
	}
	/*=========================lightbox======================*/
	.inner {
	    top: 25%;
	    width: 84%;
	    left: 9%;
	    padding: 0;
	}
	.content .content-block-left{
		width: 42%;

	}
	.content{
		padding: 30px;
	}
	.content .content-block-right{
		padding-left: 12px;
	}
	.stats-data li{
		margin-right: 4%;
	}
	.transparency{
		position: fixed;
	}
	.content-block-right .content-titles {
	    font-family: 'raleway';
	    font-size: 20px;
	}
	#modal{
		width: 100%!important;
		height: 75%!important;
		overflow-y: scroll;
	}
	.form-container .contact-group .contact-form{
		width: 100%;
	}
	.modal--active.modal--vertical-align-center{
		top: 56%;
	}
	.form-container .work-contact-form{
		width: 90%;
		margin: 0;
	}
	.ap-container{
		width: 100%;
	}
	.form-container .project-detail textarea{
		width: 100%;
	}
	.logo-description{
		padding: 9% 0;
	}
	.work-contact{
		padding: 9% 0;
	}
	.technology .tech-box .tech-border{
		border-right: none;
	}
	.technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 20px 0 0 18px;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}
}

@media only screen and (min-width:610px) and (max-width:767px) {
	.close:before{
		top: 1px;
	}
	.container{
		width: 93%;
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.logo-header{
		width: 30%;
		position: fixed;
		z-index: 999999;
	}
	.logo-header img{
		margin-top: 1px;
		padding-left: 10px;
	}
	.service-content{
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
	
	.cb-slideshow li:nth-child(1) div,
	.cb-slideshow li:nth-child(2) div,
	.cb-slideshow li:nth-child(4) div{
		top: 33%;
	}
	.cb-slideshow li:nth-child(1) h3,
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(3) h3,
	.cb-slideshow li:nth-child(4) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 45px;
	}
	.cb-slideshow li:nth-child(6) div,
	.cb-slideshow li:nth-child(5) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) div{
		top: 33%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 8%;
	}
	.slider-carousel img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel .slider-caption {
	    top: 30%;
	}
	.slider-carousel .slider-detail{
		width: 90%;
	}
	.slider-carousel, .slider-carousel1{
		height: 100vh;
	}
	.slider-carousel1 img{
		width: auto;
		height: 100vh;
	}

	.slider-carousel1 .slider-content {
	    text-align: center;
	}
	.slider-carousel1 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 7%;
	}
	.slider-carousel1 .slider-caption {
	    top: 30%;
	}

	.slider-carousel2 img{
		width: auto;
		height: 100vh;
	}
	.slider-carousel2 .slider-content {
	    text-align: center;
	}
	.slider-carousel2 .slider-detail {
	   text-align: center;
	   width: 100%;
	   padding-top: 7%;
	}
	.slider-carousel2 .slider-caption {
	    top: 30%;
	}
	.service-content-block .last{
		margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.about-img img{
		width: 100%;
	}
	.our-team-block .member-img{
		width: 150px;
		height: 150px;
	}
	.top-footer{
		padding: 15px 0;
	}
	.top-footer-block{
		width: 100%;
		padding: 10px;
	}
	.bottom-footer .footer-content{
		float: none;
		text-align: center;
	}
	.bottom-footer .footer-link{
		text-align: center;
		margin-top: 3%;
	}
	#posts .post{
		width: 50%;
	}
	#services,#our-team,#portfolio,#contact-us{
		padding: 60px 0 0;
	}
	#testomonial,#about-us{
		padding: 53px 0 0;
	}
	
	#contact-us{
		padding-bottom: 0;
		border-left: none;
	}
	/*================apps_info=============*/
	.tech-box-col{
		width: 100%;
		text-align: center;
		border:none;
		height: auto;
	}
	.work-banner{
		padding-top: 7%;
	}
	.tech-box-col:nth-child(3n){
		border:none;
	}
	.tech-box-col .tech-box-title{
		margin-top: 4%;
	}
	.tech-click-btn{
		text-align: left;
		margin-top: 3%;
	}
	.tech-click-btn li{
		display: inline-block;
		margin-right: 1%;
	}
	.how-we-work-category{
		margin: 5% auto;
	}
	.line{
		display: none;
	}
	.circle-box{
		margin-bottom: 3%;
	}
	.work-contact-form .contact-group{
		width: 100%;
		float: none;
	}
	.contact-group .contact-form{
		width: 96%;
		margin-right: 0;
	}
	.work-contact-form{
		width: 90%;
		float: none;
	}
	.banner-content .banner-content-detail{
		width: 100%;
	}
	.contact-btn{
		padding-bottom: 4%;
		margin-top: 6%;
	}
	#cssmenu > ul > li > a {
	  padding: 17px;
	  font-size: 12px;
	  letter-spacing: 1px;
	  text-decoration: none;
	  color: #fff;
	  font-weight: 700;
	  text-transform: uppercase;
	  background: #086D8B;
	}
	.icon-archive .work-research-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-research-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 20px;
	}
	.icon-archive .work-design-icon {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-design-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 16px 0 0 18px;
	}
	.icon-archive .work-develop-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-develop-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive .work-launch-icon:hover {
	    height: 100px;
	    width: 100px;
	    margin: 18px 0 0 18px;
	}
	.icon-archive{
		width: 100px;
		height: 100px;
	}
	.icon-archive:hover{
		width: 100px;
		height: 100px;
	}
	/*======================================*/
	.apps-list-sp,.work-details-sp{
		display: inherit;
	}
	.apps-list,.work-details{
		display: none;
	}
	.apps-list-sp {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.work-details-sp{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
	}
	.apps-list-sp .app-list-block li:last-child{
		margin-right: 0;
	}
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-moz-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-ms-border-image: url(../images/patern_mob.png) 34 8  34 7;
		-o-border-image: url(../images/patern_mob.png) 34 8  34 7;
		border-image: url(../images/patern_mob.png) 34 8  34 7;
		border-width: 34px 8px 34px 7px;
		background-color:#F9F6F6; 
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-moz-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-ms-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		-o-border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		border-image: url(../images/ipad-frame-sp.png) 22 45 22 45;
		border-color: #f4be52;
		border-width: 22px 45px 22px 45px;
		background-color:#9FDAE0; 
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-sp{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-moz-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-ms-border-image: url(../images/imac-sp.png) 21 21 134 21;
		-o-border-image: url(../images/imac-sp.png) 21 21 134 21;
		border-image: url(../images/imac-sp.png) 21 21 134 21;
		border-width: 21px 21px 134px 21px;
		border-color: #f4be52;
		
	}
	.scrollup{
		right:4px;
	}
	/*============================logo-details====================*/
	.company-block-left{
		width: 100%;
		display: inherit;
	}
	.logo-box figure img{
		width: 100%;
	}
	.company-block-right {
	    display: inherit;
	    padding: 20px 10px 0;
	}
	.logo-column-block{
		width: 100%;
		float: none;
	}
	.logo-action{
		text-align: center;
	}
	.show-logo {
	    padding-top: 10px;
	}
	/*======================logo=============================*/
	.marketing-header{
		padding: 6% 0;
	}
	.action-column .action-column-right{
		padding-top: 10%;
	}
	.action-column .action-column-left{
		padding-top: 5%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.logo-item-carasual{
		width: 49.7%;
	}
	.logo-col-block{
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.logo-question p{
		font-size: 14px;
		line-height: 25px;
	}
	.logo-view{
		margin: 5% 0;
	}
	/*=========================lightbox======================*/
	.inner {
	    top: 25%;
	    width: 84%;
	    left: 9%;
	    padding: 0;
	}
	.content .content-block-left{
		width: 42%;

	}
	.content{
		padding: 30px;
	}
	.content .content-block-right{
		padding-left: 12px;
	}
	.stats-data li{
		margin-right: 4%;
	}
	.transparency{
		position: fixed;
	}
	.content-block-right .content-titles {
	    font-family: 'raleway';
	    font-size: 20px;
	}
	#modal{
		width: 100%!important;
		height: 75%!important;
		overflow-y: scroll;
	}
	.form-container .contact-group .contact-form{
		width: 100%;
	}
	.modal--active.modal--vertical-align-center{
		top: 56%;
	}
	.form-container .work-contact-form{
		width: 90%;
		margin: 0;
	}
	.ap-container{
		width: 100%;
	}
	.form-container .project-detail textarea{
		width: 100%;
	}
	.logo-description{
		padding: 9% 0;
	}
	.work-contact{
		padding: 9% 0;
	}
	.technology .tech-box .tech-border{
		border-right: none;
	}
	.technology .tech-box .tech-title{
		margin-bottom: 10%;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 20px 0 0 17px;
	}
	.technology .tech-box .tech-slicing-block{
		width: 100%;
	}
	.technology .tech-box
	.tech-slicing-block .tech-slicing{
		width: 100%;
		height: auto;
	}
	.tech-slicing .tech-click-btn li{
		text-align: center;
		display: block;
	}
	.technology .tech-box
	.tech-wordpress{
		height: auto;
	}
	.technology .tech-box 
	.tech-slicing-block .tech-slicing-padding{
		padding-left: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:960px){
	.container{
		width: 95%;
	}
	.logo-header {
	    width: 30%;
	    position: fixed;
	    z-index: 999999;
	}
	.header-block-sp{
		display: inherit;
		height: 52px;
	}
	.header-block{
		display: none;
	}
	.slider-carousel .slider-caption {
	    position: absolute;
	    top:8%;
	    left: 0;
	    right: 0;
	}
	.slider-carousel .slider-detail {
	    width: 80%;
	}
	.cb-slideshow li:nth-child(3) div,
	.cb-slideshow li:nth-child(5) div,
	.cb-slideshow li:nth-child(6) div{
		top: 35%;
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 10%;
	}

	.slider-carousel1 .slider-caption {
	    position: absolute;
	    top: 3%;
	    left: 0;
	    right: 0;
	}
	.slider-carousel1 .slider-detail {
	    padding-top: 2%;
	}

	.slider-carousel2 .slider-caption {
	    position: absolute;
	    top: 3%;
	    left: 0;
	    right: 0;
	}
	.cb-slideshow li:nth-child(1) h3{
		font-size: 70px;
	}
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 65px;
	}

	.slider-carousel2 .slider-detail {
	    padding-top: 2%;
	}
	.about-img img{
		width: 100%;
	}
	.service-content{
		margin-right: 3%;
	}
	.navbar-menu {
	    padding-left: 60px;
	}
	.navbar-menu ul li {
	    margin-left: 10px;
	    margin-right: 0;
	}
	.service-content{
		width: 47%;
	}
	.service-content-block .last{
		margin-right: 0;
	}
	.demo {
	     height: auto; 
	     width: auto; 
	}
	.our-team-block .member-img {
	    width: 175px;
	    height: 175px;
	}
	.bottom-footer .footer-content {
	    float: none;
	    text-align: center;
	}
	.bottom-footer .footer-link {
	    text-align: center;
	   margin-top: 1%;
	}
	.contact-block-right .contact-info{
		padding: 0 5px;
	}
	.top-footer{
		padding: 0 10px;
	}
	#contact-us .contact-block-left {
	    width: 48%;
	    padding-left: 10px;
	}
	.contact-btn{
		margin-top: 10%;
	}
	#services, #our-team, #portfolio{
		padding: 52px 0 0;
	}
	#about-us{
		padding: 53px 0 0;
	}
	#testomonial{
		padding: 53px 0 0;
	}
	#contact-us{
		padding-top: 90px;
	}
	/*================apps_info=============*/
	.circle-box{
		margin: 0 10px;
	}
	.how-we-work-category{
		margin-left: 1%;
	}
	.work-contact-form{
		width: 90%;
	}
	.contact-group .contact-form{
		width: 88%;
	}
	.work-banner{
		padding-top: 7%;
	}
	.social-icon li{
		margin-right: 9px;
	}
	.line {
	    width: 62%;
	    height: 2px;
	    position: relative;
	    z-index: 10;
	    background: red;
	    top: 64px;
	    z-index: -9999;
	    left: 139px;
	}
	/*======================================*/
	.apps-list-desktop1,.work-details-desktop1{
		display: inherit;
	}
	.apps-list,.work-details{
		display: none;
	}
	.apps-list-desktop1 {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.work-details-desktop1{
		background: #9FDAE0;
		text-align: center;
		padding: 5% 0;
	}
	.apps-list-desktop1 .app-list-block li:last-child{
		margin-right: 0;
	}
	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_desktop_cover.png) 43 11 44 10;
		-moz-border-image: url(../images/patern_desktop_cover.png) 43 11 44 10;
		-ms-border-image: url(../images/patern_desktop_cover.png) 43 11 44 10;
		-o-border-image: url(../images/patern_desktop_cover.png) 43 11 44 10;
		border-image: url(../images/patern_desktop_cover.png) 43 11 44 10;
		border-width: 43px 11px 44px 10px;
		background-color:#F9F6F6; 
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame1.png) 28 56 27 56;
		-moz-border-image: url(../images/ipad-frame1.png) 28 56 27 56;
		-ms-border-image: url(../images/ipad-frame1.png) 28 56 27 56;
		-o-border-image: url(../images/ipad-frame1.png) 28 56 27 56;
		border-image: url(../images/ipad-frame1.png) 28 56 27 56;
		border-color: #f4be52;
		border-width: 28px 56px 27px 56px;
		background-color:#9FDAE0; 
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-desktop1{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-desktop1.png) 28 28 169 28;
		-moz-border-image: url(../images/imac-desktop1.png) 28 28 169 28;
		-ms-border-image: url(../images/imac-desktop1.png) 28 28 169 28;
		-o-border-image: url(../images/imac-desktop1.png) 28 28 169 28;
		border-image: url(../images/imac-desktop1.png) 28 28 169 28;
		border-color: #f4be52;
		border-width: 28px 28px 169px 28px;
	}
	.scrollup{
		right:4px;
	}
	/*=====================*/
	.marketing-header {
    padding: 5% 0;
	}
	.logo-item-carasual{
		width: 33.1%;
		display: inline-block;
	}
	.logo-item-carasual:nth-child(3n){
		padding-right: 0;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	/*==========================logo-details===================*/
	.logo-action .logo-column-right {
	    display: inherit;
	     margin-left: 0; 
	    width: auto;
	    padding-top: 10px;
	}
	/*===============lightbox===============*/
	.inner{
		top: 30%;
		width: 65%;
		left: 15%;
	}
	.content .content-block-left{
		width: 40%;
	}
	.stats-data li {
	    margin-right: 3%;
	}
	/*-------------------*/
	.icon-archive,.icon-archive:hover{
		width: 120px;
		height: 120px;
	}
	.icon-archive .work-research-icon,.icon-archive .work-research-icon:hover{
		margin: 29px 0 0 29px;
	}
	.icon-archive .work-design-icon,.icon-archive .work-design-icon:hover{
		margin: 29px 0 0 29px;
	}
	.icon-archive .work-develop-icon,.icon-archive .work-develop-icon:hover{
		margin: 29px 0 0 29px;
	}
	.icon-archive .work-launch-icon,.icon-archive .work-launch-icon:hover{
		margin: 29px 0 0 29px;
	}
	.logo-description{
		padding: 8% 0;
	}
	.work-contact{
		padding: 8% 0;
	}
	.icon-archive .work-review-icon,
	.icon-archive .work-review-icon:hover,
	.icon-archive .work-development-icon,
	.icon-archive .work-development-icon:hover,
	.icon-archive .work-qa-icon,
	.icon-archive .work-qa-icon:hover,
	.icon-archive .work-delivery-icon,
	.icon-archive .work-delivery-icon:hover {
	    margin: 28px 0 0 28px;
	}
}

@media only screen and (min-width:961px) and (max-width:1023px){
	.container{
		width: 95%;
	}
	.about-img img{
		width: 100%;
	}
	.navbar-menu{
		padding-left: 40px;
	}
	.service-content {
	    width: 16%;
	    margin-right: 4.3%;
	}
	.last{
		margin-right: 0;
	}
	.demo{
		height: 200px;
		width:150px;
		border-radius: 125px;
	}
	.navbar-menu ul li {
	
	    margin-right: 14px;
	}


	/*================apps_info=============*/
	.work-banner{
		padding-top: 7%;
	}
	.circle-box{
		margin: 0 20px;
	}
	.how-we-work-category{
		margin-left: 1%;
	}
	.line {
	    width: 63%;
	    left: 122px;
	}
	.contact-group .contact-form{
		width: 276px;
	}
	/*================apps_info======================*/
	.apps-list-desktop{
		display: inherit;
	}
	.apps-list{
		display: none;
	}
	.apps-list-desktop {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.apps-list-desktop .app-list-block li:last-child{
		margin-right: 0;
	}
	.work-details{
		display: none;
	}
	.work-details-desktop{
		display: inherit;
		padding: 5% 0;
		background: #9FDAE0;
	}

	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-moz-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-ms-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-o-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-width: 44px 9px 46px 11px;
		background-color:#F9F6F6; 
	}
	
	.work-details{
		display: none;
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-moz-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-ms-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-o-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		border-color: #f4be52;
		border-width: 36px 71px 35px 71px;
		background-color:#9FDAE0; 
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-desktop{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-moz-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-ms-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-o-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		border-image: url(../images/imac-desktop.png) 36 35 217 35;
		border-color: #f4be52;
		border-width: 36px 35px 217px 35px;
	}
	.scrollup{
		right:4px;
	}
	.slider-carousel{
		padding-top: 0;
	}
	/*==========apps_info==============*/
	.logo-item-carasual{
		width: 33.1%;
		display: inline-block;
	}
	.logo-item-carasual:nth-child(3n){
		padding-right: 0;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	/*===============lightbox===============*/
	.inner{
		top: 32%;
		width: 65%;
		left: 18%;
	}
	.content .content-block-left{
		width: 40%;
	}

	@-moz-document url-prefix() {
		.inner{
		top: 25%;
		}
	}
	.cb-slideshow li:nth-child(3) div{
		left: 0;
	}
	.cb-slideshow li:nth-child(3) .slider-detail{
		left: 18%;
	}
	.cb-slideshow li:nth-child(5) div{
		left: 0;
		top: 25%;
	}
	.cb-slideshow li:nth-child(6) div{
		left: 0;
	}
	.cb-slideshow li:nth-child(1) h3{
		font-size: 70px;
	}
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 65px; 
	}
}

@media only screen and (min-width:1024px) and (max-width:1139px){
	.container{
		width: 95%;
	}
	.about-img img{
		width: 100%;
	}
	.navbar-menu{
		padding-left: 40px;
	}
	.service-content {
	    width: 16%;
	    margin-right: 4.3%;
	}
	.last{
		margin-right: 0;
	}
	.demo{
		height: 200px;
		width:150px;
		border-radius: 125px;
	}
	.navbar-menu ul li {
	
	    margin-right: 21px;
	}

	/*================apps_info=============*/
	.work-banner{
		padding-top: 7%;
	}
	.circle-box{
		margin: 0 20px;
	}
	.how-we-work-category{
		margin-left: 1%;
	}
	.line {
	    width: 60%;
	    left: 147px;
	}
	.contact-group .contact-form{
		width: 276px;
	}
	/*================apps_info======================*/
	.apps-list-desktop{
		display: inherit;
	}
	.apps-list{
		display: none;
	}
	.apps-list-desktop {
	    text-align: center;
	    padding: 5% 0;
	    background: #F9F6F6;
	}
	.apps-list-desktop .app-list-block li:last-child{
		margin-right: 0;
	}
	.work-details{
		display: none;
	}
	.work-details-desktop{
		display: inherit;
		padding: 5% 0;
		background: #9FDAE0;
	}

	img.mob-frame{
		border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-moz-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-ms-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		-o-border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-image: url(../images/patern_desk_tab.png) 44 9 46 11;
		border-width: 44px 9px 46px 11px;
		background-color:#F9F6F6; 
	}
	
	.work-details{
		display: none;
	}
	 img.ipad-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-moz-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-ms-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		-o-border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		border-image: url(../images/ipad-frame-desk-tab.png) 36 71 35 71;
		border-color: #f4be52;
		border-width: 36px 71px 35px 71px;
		background-color:#9FDAE0; 
	}
	.work-details-imac{
		display: none;
	}
	.work-details-imac-desktop{
		padding: 5% 0;
		background: #f1f1f1;
		display: inherit;
	}
	 img.mac-frame{
	 	border:3px solid #fff;/* show to IE */
		-webkit-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-moz-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-ms-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		-o-border-image: url(../images/imac-desktop.png) 36 35 217 35;
		border-image: url(../images/imac-desktop.png) 36 35 217 35;
		border-color: #f4be52;
		border-width: 36px 35px 217px 35px;
	}
	.scrollup{
		right:4px;
	}
	.slider-carousel{
		padding-top: 0;
	}
	/*==========apps_info==============*/
	.logo-item-carasual{
		width: 33.1%;
		display: inline-block;
	}
	.logo-item-carasual:nth-child(3n){
		padding-right: 0;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	/*===============lightbox===============*/
	.inner{
		top: 32%;
		width: 55%;
		left: 20%;
	}
	.content .content-block-left{
		width: 36%;
	}
	@-moz-document url-prefix() {
		.inner{
		top: 25%;
		}
	}
	.cb-slideshow li div {
	    bottom: 42%;
	}
	.slider-carousel .slider-detail{
		width: 68%;
	}
	.logo-description{
		padding: 9% 0;
	}
	.work-contact{
		padding: 9% 0;
	}
	.cb-slideshow li:nth-child(3) div{
		left: 0;
	}
	.cb-slideshow li:nth-child(1) h3{
		font-size: 70px;
	}
	.cb-slideshow li:nth-child(2) h3,
	.cb-slideshow li:nth-child(5) h3,
	.cb-slideshow li:nth-child(6) h3{
		font-size: 65px;
	}

}

@media only screen and (min-width: 1140px) and (max-width: 1299px){
	.inner{
		width: 55%;
		left: 17%;
		top: 30%;
	}
	.cb-slideshow li div {
	    bottom: 42%;
	}
	.slider-carousel .slider-detail{
		width: 68%;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1400px){
	.logo-item-carasual{
		width: 33.1%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.content .content-block-left{
		width: 40%;
	}
	.inner{
		width: 45%;
		left: 26%;
		top: 27%;
	}
}

@media only screen and (min-width: 1401px) and (max-width: 1700px){
	.logo-item-carasual{
		width: 33.1%;
	}
	.logo-item-carasual img{
		width: 100%;
	}
	.content .content-block-left{
		width: 40%;
	}
	.inner{
		width: 45%;
		left: 26%;
		top: 27%;
	}
}
@media only screen and (min-width: 1700px) and (max-width: 2500px){
	.cb-slideshow li:nth-child(1) div{
	    top: 30%;
	}
	.cb-slideshow li:nth-child(5) div{
		top: 21%;
	}
	.cb-slideshow li:nth-child(4) h3{
		font-size: 70px;
	}
}

@media only screen and (max-height: 360px){
	.content{
		max-height: 186px;
		overflow-y:scroll;
	}
	.inner{
		max-height: 80%;
	}
}