@media only screen and (min-width:2100px) {
	.banner-pic{ width:46%}

}


@media only screen and (max-width:1850px) {
.main-section.marketing h2 {
	font-size: 79px
}
.android-image3 {
	height: 215px
}
.android-image2 {
	height: 300px
}
.banner-content h3 {
	font-size: 32px;
	line-height: 67px
}
.inner-pageico {
    padding-top: 40px;
}
.banner-content h3 span {
	font-size: 105px;
	line-height: 140px
}
.ico span {
	height: 180px;
	width: 180px
}
.banner-content .mobile {
	height: 880px;
	position: absolute;
	right: -60px;
	top: 0;
	width: auto!important
}
.inner-banner.chromecast .mobile-details {
	width: 450px
}
}
@media only screen and (max-width:1770px) {
.android-image2, .android-image3 {
	right: 50px
}
.apple-tv-details .apple-box {
	margin: -30px 0 0 100px
}
.inner-banner.bootstrap .logo-section .image-box {
	bottom: -69px
}
.wrapper-main {
	width: 90%
}
}
@media only screen and (max-width:1700px) {
	
.wrapper2{ width:1400px;}	
	
.banner-del img {
	height: 230px
}
.work-section ul li figcaption {
	padding: 40px
}
.work-section ul li strong {
	padding-top: 50px
}
.work-section ul li strong b {
	font-size: 60px;
	line-height: 70px
}
.main-section.marketing h2 {
	font-size: 65px;
	line-height: 70px
}
/*h2 {
	font-size: 62px
}*/
h3 {
	font-size: 50px;
	line-height: 60px
}
h4 {
	font-size: 40px
}
.request-top p {
	font-size: 24px
}
.welcome-page h1, .welcome-page span {
	font-size: 90px
}
.isk-dev ul li h4 {
	font-size: 28px
}
.col-box>img {
	height: 88px
}
.isk-dev ul li p {
	padding: 8px 30px 0
}
.isk-dev ul li .col-box {
	max-height: 35%
}
.banner-content .mobile {
	height: 800px;
	position: absolute;
	right: -60px;
	top: 0;
	width: auto!important
}
.main-section ul.services li h2 {
	font-size: 54px;
	line-height: 58px
}
.main-section ul.services li h2::after {
	margin: 10px auto;
	width: 150px
}

.app-gallery {
	width: 1400px
}
.app-gallery li {
	margin-right: 146px
}
.work-heading h2 strong {
	font-size: 103px;
	line-height: 115px
}
.tabs-menu {
	margin: 50px 0
}
.inner-banner {
	height: 772px
}
.android-image {
	height: 625px
}
.inner-banner .mobile-details h2 small, .inner-banner .mobile-details h2 strong {
	font-size: 62px;
	line-height: 70px
}

.logo-section img {
	height: 450px
}
.inner-banner .banner-details h2 strong {
	font-size: 100px;
	line-height: 115px
}
.inner-banner .banner-details h2 img {
	width: 420px
}

.inner-banner .banner-details ul li  {
    font-size: 24px;
    line-height: 30px;
}
.inner-banner.drupal .banner-details h2 img {
	width: 600px
}
.apple-tv-image {
	max-width: 78%
}
.remote {
	left: -21px
}
.tv-icon {
	height: 440px;
	right: -70px
}
.inner-banner.apple-tv .mobile-details {
	width: 960px
}
.apple-tv-details .apple-box {
	margin: -30px 0 0 55px
}
.apple-tv-del p {
	width: 95%
}
.apple-watch1 {
	height: 772px
}
.apple-watch2 {
	width: 490px
}
.apple-watch-row strong {
	font-size: 50.33px
}
.inner-banner.cake-php .banner-details h2 img {
	height: 420px;
	width: auto
}
.inner-banner.coldfusion .screen {
	height: 500px
}
.inner-banner.coldfusion .cf {
	height: 330px
}
.icon-services img, .joomla-ico {
	height: 150px
}
.inner-banner.wordpress .banner-details h2 img {
	max-width: 70%;
	margin: 40px auto
}
.inner-banner.ruby .banner-details h2 img, .inner-banner.visual-studio .banner-details h2 img {
	width: auto
}
.inner-banner.joomla .joomla-screen {
	width: 90%
}
.joomla-ico {
	width: 150px;
	left: 70px
}
.joomla-ico i {
	font-size: 80px;
	line-height: 155px
}
.inner-banner.magento .wrapper img.magento-screen {
	left: -130px;

	width: 473px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	left: 317px;

	width: 234px
}
.inner-banner.full .banner-details h2 img.magento-icon {
	margin: 40px auto 50px
}
.perl-logo {
	width: 394px
}
.perl-screen {
	width: 790px
}
.inner-banner.perl p {
	padding: 35px 0 55px
}
.inner-banner.php p{ padding-bottom:60px;}
.php-screen {
	width: 1110px
}


.inner-banner.python .python-logo {
	height: auto;
	width: auto
}
.psd-html-ico {
	margin: 78px 0 0;
	width: 235px
}
.psd-to-html .html-screen {
	left: 0px;
	position: absolute;
	top: 30px;
	width: 520px
}
.inner-banner .ibeacon {
	width: 500px
}
.inner-banner.ibeacon {
	background-size: 100% 100%
}
.inner-banner.chromecast .mobile-details {
	width: 390px
}
.tagline {
	font-size: 70px; line-height:90px;
}
}
@media only screen and (max-width:1600px) {
.wrapper2{ width:1300px;}		
	
.welcome-page h1, .welcome-page span {
	font-size: 80px;
	line-height: 90px
}
.contact-top address strong {
	padding-top: 25px;
	font-size: 36px
}
.isk-dev ul li h4 {
	font-size: 26px;
	line-height: 30px
}
.col-box>img {
	height: 80px
}
.isk-dev ul li p {
	padding: 8px 25px 0;
	font-size: 25px;
	line-height: 30px
}
.banner-content {
	max-height: 61%
}
.banner-content h3 span {
	font-size: 45px;
	line-height: 120px
}
.main .banner-content h3 img {
	width: 75px
}
.banner-content .mobile {
	height: 750px;
	position: absolute;
	right: -60px;
	top: 10px;
	width: auto!important
}
.app-gallery {
	width: 1300px
}
.app-gallery li .iphone-iframe {
	background-size: 100% 100%;
	height: 668px;
	padding: 77px 20px 103px 16px;
	width: 336px;
	z-index: 99
}
.app-gallery li .android-iframe {
	background-size: 100% 100%;
	height: 690px;
	padding: 78px 19px 105px 16px;
	width: 336px;
	z-index: 99
}
.app-gallery li .android-iframe img {
	height: 100%
}
.app-gallery li .watch {
	background-size: 100% 100%;
	bottom: 16px;
	height: 278px;
	left: 80%;
	padding: 61px 48px 69px 16px;
	position: absolute;
	width: 190px
}
.app-gallery li .hover-col {
	width: 80px
}
.inner-banner {
	height: 672px
}
.android-image {
	height: 550px
}
.android-image3 {
	height: 180px;
	top: 60px
}
.android-image2 {
	height: 270px;
	bottom: 40px
}
.inner-banner .mobile-details h2 small, .inner-banner .mobile-details h2 strong {
	font-size: 55px;
	line-height: 65px
}
.inner-banner .mobile-details {
	width: 800px
}
.logo-section img {
	height: 400px
}
.inner-banner .banner-details h2 strong {
	font-size: 85px;
	line-height: 100px
}
.inner-banner .banner-details h2 img {
	width: 380px
}
.inner-banner.drupal .banner-details h2 img {
	margin: 40px auto 30px;
	width: 499px
}
.inner-banner .banner-details ul {
	margin-top: 15px
}
.inner-banner .banner-details ul li {
	font-size: 20px;
	line-height: 22px;
}
.remote {
	left: 54px
}
.apple-tv-image {
	max-width: 64%
}
.tv-icon {
	height: 375px;
	right: 50px
}
.inner-banner.apple-tv .mobile-details {
	width: 900px
}
.apple-tv-details .apple-box {
	height: 150px
}
.apple-tv-details .remote1 {
	width: 170px
}
.apple-watch1 {
	height: 672px
}
.apple-watch2 {
	width: 450px
}
.apple-watch-row strong {
	font-size: 45.33px;
	line-height: 60px
}
.inner-banner.bootstrap .logo-section .image-box {
	bottom: -66px
}
.inner-banner.cake-php .banner-details h2 img {
	height: 355px;
	margin: 20px auto
}
.inner-banner.coldfusion .screen {
	height: 417px
}
.inner-banner.coldfusion .cf {
	height: 290px
}
.inner-banner.zend .banner-details h2 img {
	width: 340px
}
.inner-banner.wordpress .banner-details h2 img {
	margin: 30px auto 20px;
	max-width: 65%
}
.inner-banner.visual-studio .banner-details h2 img {
	width: 660px
}
.inner-banner .samsung-gear-image {
	bottom: -65px;
	height: 500px
}
.inner-banner.ruby .banner-details h2 img {
	width: 300px;
	margin-bottom: 40px
}
.inner-banner.joomla .banner-details {
	padding-top: 30px
}
.inner-banner.joomla p {
	margin-top: 0
}
.inner-banner.joomla .joomla-screen {
	width: 80%
}
.joomla-ico {
	left: 136px
}
.inner-banner.laravel.full .banner-details img {
	margin-bottom: 40px
}
.inner-banner.full .banner-details h2 img.magento-icon {
	width: 146px
}
.inner-banner.magento .banner-details h2 small {
	font-size: 55px;
	line-height: 62px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	width: 215px;
	left: 335px;
	top:-47px;

}
.inner-banner.magento .wrapper img.magento-screen {
	left: -65px;
	top:-180px;
	width: 437px
}
.perl-logo {
	width: 320px
}
.perl-screen {
	width: 748px
}
.inner-banner.perl p {
	padding: 35px 0 58px;
	margin: 0
}
.inner-banner.perl .banner-details {
	padding-top: 20px
}
.icon-services img {
	height: 130px
}
.php-screen {
	width: 890px
}
.inner-banner.python.full .python-logo {
	margin: 40px auto;
	width: 330px
}
.psd-html-ico {
	/*width: 145px*/
}
.psd-to-html .html-screen {
	width: 444px;
	left: 0
}
.inner-banner .ibeacon {
	width: 420px;
	left: -100px
}
.inner-banner.chromecast .mobile-details {
	width: 350px
}
.chromecast-screen {
	width: 75%
}
.testimonial-page .banner-content h1 span {
	font-size: 60px
}
.testimonial-page .banner-content h1 {
	font-size: 110px
}
.home-banner-del {
	width: 45%
}
.tagline {
	font-size:65px;
	line-height: 85px
}
.home-banner-del p{ font-size:15px; margin-bottom:40px;}
.main-section ul.services li p{ font-size:15px; line-height:27px;}
.inner-banner .banner-details h2 small{ font-size:55px;}

.html-row .css3 {height:145px;}
.html-row .sass {height:105px;}
.html-row .js {height:140px;}
.html-row .bootstrap{height:130px;}
.html-row .html5{height:73px;margin-top:30px;}
.html-row .react {height:130px;}
.html-row .foundation {height: 150px;}
.html-row img.canvas {margin-top: 46px;}
.html-row .angular {height: 140px;}

}
@media only screen and (max-width:1500px) {
.wrapper2{ width:1200px;}	
	
.ibeacon-feature li h5{ font-size:34px; line-height:41px;}
.start-project .btn{ font-size:23px;}
.company-brief ul li strong{ font-size:35px; padding-top:30px;}


.main-section ul li .col {
	padding: 30px 40px 0
}
h4 {
	font-size: 33px; line-height:40px;
	line-height:28px;
}

.internet-sec h4{ padding:15px 0 10px}
.internet-sec{ padding:40px 0}
.head1 {
	font-size: 70px
}
.title h3 {
	font-size: 60px;
	line-height: 70px
}
.app-b-del img {
	height: 540px
}
.app-b-del h2 {
	font-size: 95px;
	line-height: 120px;
	top: 135px
}
.title {
	padding: 60px 0
}
.heading h3 {
	font-size: 60px
}
.project-btn {
	width: 290px;
	font-size: 25px
}
.banner-content {
	max-height: 31%
}
.ico span {
	width: 160px;
	height: 160px
}
.welcome-page h1, .welcome-page span {
	font-size: 70px;
	line-height: 90px
}
.dropdown strong {
	font-size: 60px;
	line-height: 65px
}
.dropdown ul li {
	font-size: 20px;
	margin: 0 15px
}
.request-form .wrapper {
	width: 1200px
}
.banner-content h3 {
	font-size: 27px;
	line-height: 38px
}
.inner-pageico {
    padding-top: 30px;
}
.banner-content .mobile {
	height: 700px;
	position: absolute;
	right: -60px;
	top: 10px;
	width: auto!important
}
.main-section ul.services li .col {
	padding: 20px 30px 0
}
.main-section ul.services li h2 {
	font-size: 42px;
	line-height: 48px
}

.app-gallery {
	width: 1200px
}
.app-gallery li {
	margin-right: 120px
}
.app-gallery li .iphone-iframe {
	width: 319px;
	padding: 73px 19px 98px 16px;
	height: 634px
}
.app-gallery li .android-iframe {
	width: 319px;
	height: 647px;
	padding: 75px 19px 100px 16px
}
.work-heading h2 strong {
	font-size: 90px;
	line-height: 100px
}
.apple-tv-del p {
	width: 95%
}
.inner-banner.bootstrap .logo-section .image-box {
	bottom: -55px
}
.inner-banner.visual-studio .banner-details h2 img {
	width: 590px
}
.right-box ul li {
	font-size: 33px; line-height:40px;
}
.main.testimonial-page .banner-content {
	max-height: 20%
}
.testimonial-page .banner-content h1 span {
	font-size: 50px;
	display: block
}
.testimonial-page .banner-content h1 {
	font-size: 95px
}
.wrapper1 {
	width: 1200px
}
.company-brief ul li strong {
	font-size: 34px
}
.banner-pic {
	width: 50%
}
.tagline {
	font-size: 37px;
	line-height: 51px
}
.loader, .loader canvas {
	width: 250px;
	height: 250px
}
.contact-section.contact-page{ padding:15px 0}
.list li{ padding-left:110px;}
.list li::before{ left:96px}
.gallery{ padding:60px 0}

.contact-section p strong{ font-size:25px; line-height:45px; padding:20px 0}
.contact-section input[type="submit"]{ font-size:36px;}

.tagline {
	font-size:60px;
	line-height: 75px
}
.inner-banner .banner-details h2 small{ font-size:53px; line-height:60px;}
.inner-banner p.staff-text{ font-size:25px; line-height:40px;}
}
@media only screen and (max-width:1400px) {
	.wrapper2{ width:1100px;}	
	.list1 li{ font-size:15px;}
	
	
	.banner-pic{ width:46%}
	body, html{ font-size:15px; line-height:32px;}
	.benefits ul li strong, .feature-sec li strong, .standards li strong{ font-size:18.83px;}
	.inner-banner p {
    font-size: 15px;
    line-height: 27px;
}
	.inner-banner.magento .banner-details h2 small {
    font-size: 50px;
    line-height: 58px;
}
.wrapper {
	width: 90%;
	padding: 0 20px
}
h2 {
	    font-size: 32px;
    line-height: 49px;
}


.our-services ul li span {
	font-size: 42px
}
.box-testi p {
	font-size: 19px
}
.number1{
	font-size: 30px
}
.btn {
	font-size: 16px
}
.home-nav ul li span, h3 {
	font-size: 42px
}
.home-nav ul li {
	margin: 0 60px
}
.home-nav {
	margin-top: 70px
}
.work-section ul li figcaption {
	padding: 30px
}
.work-section ul li strong {
	padding-top: 40px
}
.view-all {
	width: 120px;
	height: 120px
}
.work-section ul li span small {
	margin: 0 10px
}
h3 {
	line-height: 50px
}

.main-section ul li .col {
	padding: 30px 30px 10px
}
.main-section.marketing h2 {
	font-size: 55px;
	line-height: 65px
}
.main-section ul li .ico2 {
	margin-bottom: 20px
}
.number {
	font-size: 19px
}
.app-b-del img {
	height: 485px
}
.app-b-del h2 {
	font-size: 80px;
	line-height: 120px;
	top: 119px
}
.contact-top address {
	padding: 30px 0
}

.welcome-page h1, .welcome-page span {
	font-size: 60px;
	line-height: 75px
}
.dropdown strong {
	font-size: 50px;
	line-height: 55px
}
.dropdown ul {
	padding-top: 60px
}
.dropdown .close {
	margin-top: 55px
}
.request-form .row .wpcf7-list-item {
	font-size: 18px
}
.about-section:nth-child(3n) {
	border-bottom: 10px solid #28abe2
}
.contact-top address strong {
	padding-top: 20px;
	font-size: 31px;
	line-height: 35px;
	padding-bottom: 15px
}
.contact-top address span {
	font-size: 18px
}
.directors ul li {
	width: 20%
}
.request-form .wrapper {
	width: 1100px
}
.request-top h2 {
	font-size: 72px;
	line-height: 85px
}
.request-form .form-section {
	width: 480px;
	margin-left: 50px;
	padding: 30px 30px 0
}
.request-right {
	width: 500px
}
.banner-content .mobile {
	height: 630px;
	position: absolute;
	right: 30px;
	top: 10px;
	width: auto!important
}
.app-gallery {
	width: 1100px
}
.app-gallery li .watch {
	height: 240px;
	padding: 50px 39px 69px 13px;
	width: 164px
}
.app-gallery li {
	margin-right: 100px
}
.app-gallery li .iphone-iframe {
	height: 597px;
	padding: 68px 17px 91px 14px;
	width: 300px
}
.app-gallery li .android-iframe {
	height: 601px;
	padding: 69px 17px 92px 15px;
	width: 300px
}
.app-gallery li .hover-col {
	min-height: 285px;
	top: 65px
}
/*p {
	font-size: 27px; line-height:37px
}*/
.inner-banner {
	height: 590px
}
.android-image {
	height: 455px
}
.android-image3 {
	height: 150px
}
.android-image2 {
	height: 220px
}
.logo-section {
	padding-top: 135px
}
.inner-banner.drupal .banner-details, .inner-banner.magento .banner-details {
	padding-top: 20px
}
.logo-section img {
	height: 330px
}
.inner-banner .banner-details h2 strong {
	font-size: 70px;
	line-height: 80px
}
.inner-banner .banner-details h2 img {
	width: 330px
}
.inner-banner .banner-details h2 small {
	font-size: 44px;
	line-height: 60px
}
.inner-banner .banner-details ul li {
	font-size: 20px;
	line-height: 26px
}
.inner-banner.apple-tv .mobile-details {
	width: 668px
}
.apple-tv-image {
	width: 650px;
	max-width: 90%
}
.remote {
	left: 0;
	width: 175px
}
.tv-icon {
	height: 300px;
	right: -62px
}
.inner-banner.apple-tv .mobile-details p {
	margin-top: 8px
}
.inner-banner.apple-tv .wrapper {
	width: 900px
}
.apple-tv-details .apple-box {
	height: 125px;
	margin-left: 35px
}
.apple-tv-details .remote1 {
	width: 155px
}
.apple-watch1 {
	height: 590px;
	left: 0
}
.apple-watch2 {
	width: 380px
}
.apple-watch-row strong {
	font-size: 40px; line-height:54px
}
.inner-banner.cake-php .banner-details h2 img {
	height: 320px
}
.inner-banner.coldfusion .screen {
	height: 374px
}
.inner-banner.coldfusion .cf {
	height: 240px
}
.inner-banner.drupal .banner-details h2 img {
	width: 460px
}
.feature ul li {
	font-size: 18px
}
.inner-banner.zend .banner-details h2 img {
	width: 290px
}
.inner-banner .samsung-gear-image {
	height: 420px
}
.inner-banner.ruby .banner-details h2 img {
	width: 270px;
	margin-bottom: 25px;
	margin-top: 45px
}
.inner-banner.joomla .joomla-screen {
	width: 70%
}
.joomla-ico {
	height: 130px;
	left: 200px;
	width: 130px
}
.joomla-ico i {
	font-size: 60px;
	line-height: 135px
}
.ibeacon-feature li h5 {
	font-size: 32px;
    line-height: 38px;
}
.inner-banner.full .banner-details h2 img.magento-icon {
	margin: 30px auto 5px;
	width: 100px
}
.inner-banner.magento .wrapper img.magento-screen {
	left: -7px;
	top: -119px;
	width: 412px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	left: 340px;
	top: 8px;
	width: 200px
}
.banner-right {
	width: 458px
}
.perl-logo {
	width: 290px
}
.perl-screen {
	width: 672px
}
.inner-banner.perl p {
	padding: 25px 0 48px;
}
.inner-banner.php .banner-details, .inner-banner.psd-to-html .banner-details {
	padding-top: 20px
}
.icon-services img {
	height: 115px
}
.php-screen {
	width: 805px
}
.inner-banner.python.full .python-logo {
	margin: 30px auto;
	width: 300px
}
.psd-to-html .banner-details ul.right {
	width: 500px
}
.psd-to-html .html-screen {
	width: 410px;
	top: 50px;
	left: 100px;
}
.inner-banner .ibeacon {
	left: -50px;
	width: 380px
}
.ibeacon-box p {
	line-height: 40px
}
.wrapper1 {
	width: 1100px
}
#homebanner .btn {
	width: 60%;
	margin-right: 10px; height:62px; font-size:17px; padding-top:16px
}
.home-banner-del {
	width: 47%
}
.feature{ padding:40px 0}

.main-section ul.services li p {
    font-size: 14px;
    line-height: 25px;
}

.contact-section input[type="submit"]{ width:40%}
.request-right .text-box > ul{ margin-top:40px;}
.text-box{ padding-top:50px;}
}
@media only screen and (max-width:1300px) {
.main-section ul.services li h2 {
	font-size: 32px;
	line-height: 37px
}
.main-section ul.services li p {
    font-size: 13px;
    line-height: 20px;
}
.banner-del img {
	height: 190px
}
.home-nav ul li {
	margin: 0 30px
}

h3 {
	font-size: 36px;
	line-height: 45px;
	letter-spacing: 0.4px
}
.main-section.marketing h2 {
	font-size: 48px;
	line-height: 55px
}
.title h3 {
	font-size: 50px;
	line-height: 60px
}
.head1 {
	font-size: 60px
}
.main-services p {
	font-size: 25px;
	line-height: 37px
}
.main-services .col-6 img {
	height: 90px
}
.heading h3 {
	font-size: 50px;
	line-height: 60px
}
.bottom-contact p {
	padding-top: 15px
}
.project-btn {
	margin-top: 20px;
	font-size: 21px;
	width: 200px
}
.bottom-contact {
	padding-bottom: 50px
}
.contact-top address strong {
	font-size: 30px;
	padding: 20px 0 10px
}
.welcome-page h1, .welcome-page span {
	font-size: 55px;
	line-height: 75px
}
.title.small-text h3 {
	font-size: 37px;
	font-weight: 300;
	line-height: 45px
}
.main-section.spacetop {
	margin-top: 46px
}
.request-top h2 {
	font-size: 62px;
	line-height: 75px
}
.request-top h4 {
	font-size: 26px
}
.request-right h3 {
	font-size: 30px;
	line-height: 40px
}
.text-box{ padding-top:30px;}
.text-box p{ font-size:21px; line-height:37px;}
.request-form input[type=submit] {
	font-size: 26px;
	height: 58px;
	width: 210px
}
.request-form input[type=text], .request-form input[type=email], .request-form input[type=tel], .request-form textarea {
	height: 52px
}
.captchaThings img{
	height:52px;
}
.request-form textarea {
	height: 115px
}
.request-form label {
	font-size: 16px
}
.banner-content h3 {
	font-size: 45px;
	line-height: 47px
}
.banner-content h3 span {
	font-size: 54px;
	line-height: 90px
}
.ico span {
	height: 135px;
	width: 135px
}
.ico span img {
	max-width: 45px
}
.work-heading h2 strong {
	font-size: 75px;
	line-height: 80px
}
.about-section h2 {
	font-size: 75px; line-height:90px;
}
.about-section h6{ font-size:25px; margin-top:15px;}
.heading-box{ padding:30px 0;}
.about-section .tabs{ padding-top:35px;}
.inner-banner .mobile-details h2 strong {
	font-size: 45px;
	line-height: 50px
}
.inner-banner .mobile-details h2 small {
	font-size: 45px;
	line-height: 50px;
	vertical-align: top
}
.inner-banner .mobile-details {
	width: 718px
}
.inner-banner.bootstrap .logo-section .image-box {
	bottom: -55px
}
.right-box ul li {
	font-size: 30px;
	line-height: 39px
}
.main.testimonial-page .banner-content {
	max-height: 20%
}
.testimonial-page .banner-content h1 span {
	font-size: 45px;
	display: block
}
.testimonial-page .banner-content h1 {
	font-size: 80px
}
.video-slider strong {
	font-size: 40px
}
.company-brief ul li {
	padding: 35px 15px
}
.company-brief ul li strong {
	padding-top: 30px;
	font-size: 30px;
	line-height: 35px
}
.company-brief img {
	height: 90px
}
.company-brief {
	padding: 60px 0
}
.start-project .btn {
	font-size: 20px;
	height: auto;
	padding: 10px 26px
}

.main-section ul.services li .col {
    padding: 15px 10px 0;
}

.html-row .css3 {height:120px;}
.html-row .sass {height: 90px;margin-top: 23px;}
.html-row .js {height:120px;}
.html-row .bootstrap{height:110px;}
.html-row .html5{height:60px;margin-top:30px;}
.html-row .react {height:110px;}
.html-row .foundation {height: 125px;}
.html-row img.canvas {margin-top: 46px;}
.html-row .angular {height: 115px;}
.request-right ul li{ font-size:15px;}

.menu-col{ padding-left: 30px; }
nav, nav > ul{ width: 300px; }
.mega-menu{ left: 358px; }
.mega-menu h5{ font-size: 32px; }
.mega-menu ul{ margin-bottom: 29px; }


}
@media only screen and (max-width:1279px) {
.app-gallery {
	width: 890px
}
.app-gallery li {
	margin-right: 0
}
.app-gallery li:nth-child(2n) {
	float: right
}
.career-box h3 {
	font-size: 39px;
	line-height: 42px
}
.accordion-section-title {
	font-size: 40px
}
.career-box .description {
	font-size: 25px
}
.wrapper1 {
	width: 990px
}
.home-banner-del {
	width: 50%; max-height:45%
}
#homebanner {
	height: auto!important
}
.banner-pic {
	float: none;
	position: static
}
#homebanner .phone a {
	padding: 8px 15px 13px
}
.map-details .address {
	padding: 20px 10px
}
.loader, .loader canvas {
	width: 200px;
	height: 200px
}

.list li{ padding-left:60px;}
.list li::before{ left:46px}
.gallery{ padding:40px 0}
.apple-watch-row strong {
	font-size: 34px; line-height:54px
}

.contact-section input[type="submit"]{ width:36%}
.inner-banner p.staff-text{ font-size:22px; line-height:38px;}
}
@media only screen and (max-width:1200px) {
.step{ padding:0 30px;}
.wrapper2{ width:100%;padding: 0 20px}
	body, html{ font-size:15px; line-height:29px}
.wrapper {
	width: 100%;
	padding: 0 20px
}
h2 {
	    font-size: 32px;
    line-height: 49px;
	letter-spacing: 0.4px
}
h2::after {
	width: 150px
}
.box-testi {
	padding: 50px 50px 0
}

.start-project::after {
	margin-left: -30px;
	border-width: 30px
}

.start-project p {
	padding-bottom: 30px
}
.main-section ul li .ico2 img {
	height: 40px
}
.main-services .col-6 {
	padding: 30px 50px 0
}
.drop-arrow {
	display: none!important
}
.btn {
	padding-top: 12px;
	height: 53px
}
.btn:hover i {
	top: 16px
}
.about-section:nth-child(1) {
	padding-top: 30px;
	padding-bottom: 0px
}

.heading-box{ padding:30px 0 0}

.about-section:nth-child(3n) {
	margin-bottom: 0
}
.btn0 {
	margin-top: 50px
}
.footer-row address {
	padding: 0 20px
}
.footer-row address strong {
	font-size: 18px
}
.footer-row address small {
	font-size: 16px
}
.wrapper0 {
	max-height: 48%
}
.main-section.spacetop {
	margin-top: 35px
}
.col-box>img {
	height: 60px
}
.isk-dev ul li h4 {
	font-size: 23px;
	line-height: 27px
}
.request-form .wrapper {
	width: 900px
}
.request-form .form-section {
	margin-left: 0;
	padding: 30px 30px 0;
	width: 400px
}
.request-right {
	width: 430px
}
.app-gallery li {
	margin-right: 0
}
.app-gallery li .watch {
	height: 208px;
	padding: 43px 32px 54px 11px;
	width: 143px
}
.app-gallery li .watch img {
	border-radius: 12px
}
.inner-banner {
	height: 500px
}
.android-image {
	height: 430px
}
.android-image3 {
	height: 130px
}
.android-image2 {
	height: 180px;
	bottom: 20px
}
.inner-banner .banner-details h2 strong {
	font-size: 60px;
	line-height: 70px
}
.inner-banner .banner-details h2 img {
	width: 230px
}

.logo-section {
	padding-top: 114px
}
.logo-section img {
	height: 250px
}
.inner-banner .banner-details {
	padding-top: 30px
}
.inner-banner .banner-details ul {
	margin-top: 0
}
.inner-banner .banner-details ul li {
	padding-bottom: 3px;
	font-size: 20px;
	line-height: 29px
}
.feature ul li {
	font-size: 16.83px
}
.feature ul li:nth-child(2n)::before {
	width: 17px;
	height: 17px
}
.feature ul.faeture-list li {
	padding: 0 25px;
	white-space: normal
}
.feature ul.faeture-list li::before {
	width: 14px;
	height: 14px
}
.apple-tv-image {
	width: 550px
}
.remote {
	width: 145px;
	left: 50px
}
.tv-icon {
	height: 268px;
	right: 12px
}
.apple-left-sec {
	width: 50%;
	padding: 0 50px
}
.apple-watch1 {
	height: 500px
}
.apple-watch2 {
	width: 330px
}
.benefits ul li strong {
	font-size: 18px
}
.feature-sec li strong {
	font-size: 16px
}
.feature-sec li {
	padding: 0 40px
}
.feature-sec li img {
	height: 70px
}
.inner-banner.cake-php .banner-details {
	padding-top: 25px
}
.inner-banner.cake-php .banner-details h2 img {
	height: 275px;
	margin: 15px auto
}
.inner-banner.coldfusion .cf {
	height: 200px
}
.inner-banner.coldfusion .screen {
	height: 322px
}
.inner-banner.drupal .banner-details h2 img {
	width: 355px
}
.inner-banner.zend .banner-details h2 img {
	width: 220px
}
.inner-banner.visual-studio .banner-details h2 img {
	width: 490px
}
.inner-banner .samsung-gear-image {
	height: 365px
}
.inner-banner.ruby .banner-details h2 img {
	margin-bottom: 25px;
	margin-top: 35px;
	width: 230px
}
.inner-banner.joomla .joomla-screen {
	width: 645px
}
.joomla-ico {
	height: 110px;
	left: 251px;
	width: 110px
}
.joomla-ico i {
	font-size: 55px;
	line-height: 115px
}
.inner-banner.laravel.full .banner-details img {
	margin-bottom: 20px;
	margin-top: 40px
}
.inner-banner.full .banner-details h2 img.magento-icon {
	margin: 20px auto 5px;
	width: 90px
}
.inner-banner.magento .banner-details h2 small {
	font-size: 45px;
	line-height: 50px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	left: 371px;
	top: -26px;
	width: 185px
}
.inner-banner.magento .wrapper img.magento-screen {
	left: 26px;
	top: -146px;
	width: 379px
}
.perl-logo {
	width: 240px
}
.perl-screen {
	width: 519px
}
.php-screen {
	width: 607px
}
.icon-services img {
	height: 100px;
	margin: 0 15px
}
.inner-banner.python.full .python-logo {
	width: 220px;
	margin-bottom: 20px
}
.psd-to-html .html-screen {
	left: 150px;
	width: 320px;
	top: 40px;
}
.psd-html-ico {
	/*width: 117px*/
}
.feature ul.faeture-list {
	margin-top: 40px
}
.feature ul.faeture-list li::before {
	bottom: auto!important;
	left: 0!important;
	margin: auto;
	top: 6px!important
}
.feature h6 {
	font-size: 23px
}
.inner-banner .ibeacon {
	left: 50px;
	width: 320px
}
.inner-banner.chromecast {
	padding: 30px 0 0 30px
}
.chromecast-screen {
	width: 68%
}
.testimonial-banner {
	margin-top: 54px
}
.testimonial-page .banner-content h1 {
	font-size: 65px;
	line-height: 95px
}
.testimonial-page .banner-content h1 span {
	font-size: 40px
}
.video-slider {
	padding: 0 50px 50px
}
.services-box a {
	font-size: 15px;
	padding: 4px 7px; margin-top:25px;
}
.about-section h6 {
	font-size: 24px;
	line-height: 35px;
	margin-top: 8px
}
.tagline {font-size: 50px;line-height: 65px;}
.home-banner-del p {font-size: 17px;margin-bottom: 30px;}
.contact-section p strong{ font-size:22px; line-height:39px; }
.design-row:nth-child(2n) .col-6 p{ line-height:25px;}

.contact-section input[type="submit"]{ width:36%}
.text-box{ padding-top:50px;}
}
@media only screen and (max-width:1150px) {
.android-image {
	height: 380px
}

.menu-col{ padding-left: 15px; }
nav, nav > ul{ width: 200px; }
.mega-menu{ left: 258px; }
.mega-menu h5{ font-size: 29px; }
.mega-menu ul{ margin-bottom: 20px; }
.staffing-box{ margin-right:0px; width:49%}
.staffing-box + .staffing-box{ float:right}
.staffing-box + .staffing-box + .staffing-box{ width:100%; height:auto !important}
}
@media only screen and (max-width:1100px) {
	
.step-title{ font-size:20px; height:120px; width:120px; line-height:120px; margin-top:40px;}	
.step-title::after{ margin-left:-31px; margin-top:-11px;}	
	
.g-recaptcha{ margin-bottom:20px;}
.contact-section input[type="submit"]{ width:100%}

#logo {
	margin: 15px 0 0 15px
}
.home-video {
	display: none!important
}
.drop-arrow {
	display: none
}
nav ul li:hover strong {
	bottom: -6px;
	margin-top: 0;
	transform: scale(1.4, 1.4);
	-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	-o-transform: scale(1.4, 1.4);
	margin-right: 0
}
nav ul li span {
	font-size: 12px;
	margin-left: 5px
}
nav ul li strong {
	font-size: 23px
}
.number {
	font-size: 17px;
	margin-top: 8px
}
.social {
	margin: 8px 10px 0 0
}
.inner-logo img {
	height: 37px
}
.home-nav {
	display: none!important
}
.home-nav ul li {
	margin: 0 23px
}
.home-nav ul li span {
	font-size: 32px
}
.home-nav ul li small {
	font-size: 15px
}
.work-section ul li strong b {
	font-size: 40px;
	line-height: 45px
}
.view-all {
	height: 90px;
	width: 90px;
	padding-top: 26px
}
.view-all:before {
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	height: auto;
	width: auto
}
.view-all:after {
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	height: auto;
	width: auto
}
.view-all small {
	font-size: 18px; line-height:18px
}
.our-services h2 img {
	height: 41px
}
.main-section ul li .ico2 {
	margin-bottom: 10px
}
.main-section ul li .col {
	padding: 20px 20px 10px
}
.banner-content h3 {
	font-size: 40px;
	line-height: 50px
}
.banner-content h3 span {
	font-size: 65px;
	line-height: 90px
}
.main.app .banner-content h3 {
	font-size: 39px;
	line-height: 45px
}
.aap-b-left p {
	font-size: 25px;
	line-height: 32px;
	margin-top: 23px
}
.banner-content .mobile {
	height: 500px
}
.count li strong {
	font-size: 54px
}
.banner-content {
	max-height: 63%
}
.ico span {
	height: 130px;
	width: 130px
}

.app-b-del {
	bottom: -60px
}
.design-row:nth-child(2) h2 {
	padding-top: 15px
}
.app-b-del h2 {
	font-size: 60px;
	top: 126px
}
.design-row:nth-child(2) .pic img {
	height: 400px;
	margin-top: -30px
}
.design-row:nth-child(2) {
	height: 370px
}
.design-row:nth-child(4) {
	height: auto
}
.home-video video {
	display: none
}
.isk-dev ul li p, .small-screenbanner {
	display: block
}
#homebanner>div {
	height: auto!important
}
.small-screenbanner img {
	vertical-align: top;
	width: 100%
}
#logo img, .footer-logo img, .welcome-page figcaption img {
	height: 65px
}
.welcome-page {
	height: 37%
}
.welcome-page h1, .welcome-page span {
	font-size: 48px;
	line-height: 62px
}

.main-section ul li p {
	font-size: 22px;
	line-height: 24px
}
.contact-top {
	margin-top: 54px
}
.contact-top address span {
	font-size: 16px;
	line-height: 24px
}
.contact-top address {
	padding: 30px 0
}
.directors ul li {
	width: 25%
}
.isk-dev ul li {
	width: 50%
}
.isk-dev ul li .col-box {
	max-height: 45%
}
.app-gallery li:nth-child(2n) .hover-col {
	left: auto;
	right: 10%
}
.app-gallery li:nth-child(2n):hover .hover-col {
	right: 97%
}
.main-section ul.services li {
	width: 100%; height:auto !important
}
.main-section ul.services li .col {
	position: static;
	float: left;
	width: 100%;
	padding: 50px 20px
}
.contact-section input[type=submit] {
	font-size: 34px
}

.about-section h2 {
	font-size: 70px
}
.inner-banner {
	margin-top: 0
}
.android-image {
	height: 315px
}
.inner-banner .mobile-details {
	width: 650px
}
.standards li strong {
	font-size: 17.83px
}
.apple-watch-row strong {
	font-size: 35px;
	line-height: 53px
}
.inner-banner.bootstrap .logo-section .image-box {
	bottom: -45px
}
.inner-banner.visual-studio .banner-details h2 img {
	margin: 20px auto!important;
	width: 440px
}
.inner-banner.visual-studio p {
	padding-top: 10px
}
.joomla-ico {
	left: 160px
}
.inner-banner.magento .banner-details h2 small {
	font-size: 34px;
	line-height: 44px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	left:290px;
	top: 7px;
	width: 160px
}
.inner-banner.magento .wrapper img.magento-screen {
	left: 37px;
	top: -70px;
	width: 310px
}
.banner-right {
	width: 430px
}
.psd-to-html .banner-details ul.right {
	/*width: 400px*/
}
.psd-to-html .html-screen {
	left: 150px;
	top: 50px;
	width: 280px
}
.psd-html-ico {
	/*width: 100px*/
}
.inner-banner.ibeacon .mobile-details {
	width: 500px
}
.ibeacon-feature li {
	padding: 20px 15px
}
.ibeacon-feature li p{ line-height:28px;}


.ibeacon-box p {

	line-height: 33px
}
.ibeacon-box {
	margin-bottom: 10px
}
.chromecast-screen {
	width: 60%
}
.wrapper1 {
	width: 900px
}
.services-box {
	margin-right: 3%;
	width: 31.3%
}

.company-brief ul li {
	padding: 25px 10px
}
.company-brief img {
	height: 70px
}
.company-brief ul li strong {
	font-size: 26px;
	line-height: 30px;
	padding-top: 20px
}
.about-section .tabs-menu li {
	font-size: 22px;
	margin: 0 2%
}
.about-section .tabs {
	padding-top: 30px
}
.tagline {
	font-size: 45px;
	line-height: 55px
}
.home-banner-del p{ font-size:15px;}


.main-section ul.services li p {
    font-size: 15px;
    line-height: 25px;
}

}
@media only screen and (max-width:1000px) {
.work-section ul li span small {
	margin: 0 5px;
	font-size: 12px
}
.work-section ul li span {
	white-space: normal
}
.work-section ul li figcaption {
	padding: 30px 5px
}
.work-section ul li strong {
	padding-top: 0
}
.work-section ul li strong a {
	height: 30px;
	width: 30px;
	background-size: 100%
}
.main-section ul li .pic, .request-form, .request-top {
	width: 100%
}
.work-section ul li strong b {
	font-size: 40px;
	line-height: 45px;
	padding-top: 0
}
.main-section ul li .col {
	width: 100%;
	padding: 30px
}
.request-top {
	padding: 50px 0
}

.head1, .title h3 {
	line-height: 50px
}
.bottom-contact {
	padding: 50px 20px
}
.head1 {
	font-size: 45px
}
.title h3 {
	font-size: 40px
}
.title {
	padding: 40px 15px
}
.main-services .col-6 {
	padding: 30px 15px
}
.main-services {
	height: auto
}
.btn0 {
	width: 250px;
	font-size: 16px;
	margin-left: 18px;
	margin-right: 18px
}
.team {
	margin-top: 30px
}
.team li strong {
	font-size: 25px
}
.main-section .about-section p {
	padding: 10px 0 0
}
.about-section .about-col span {
	font-size: 24px;
	line-height: 35px
}
.note {
	font-size: 24px;
	padding-top: 30px
}
.portfolio .box {
	width: 50%!important
}
.link {
	width: 65px;
	height: 65px;
	line-height: 62px
}
.about-section:nth-child(3n) {
	border-bottom: 7px solid #28abe2
}
.list {
	width: 95%
}
.list li {
	font-size: 23px;
	line-height: 30px
}
.contact-top address span {
	font-size: 16px;
	line-height: 24px
}
.contact-top {
	background: 0 0
}
.contact-top address {
	width: 100%;
	background: #363a45
}
.contact-top address:nth-child(2) {
	background: #30333d
}
.contact-top address:nth-child(3) {
	background: #282b33
}
.execphpwidget img {
	height: 30px
}
.footer-row address {
	width: 50%
}
.footer-link {
	position: relative
}
.request-top h2 {
	font-size: 52px;
	line-height: 65px
}
.request-right ul {
	width: 80%
}
.request-right ul li {
	padding: 0 5px 10px 35px
}
.text-box p {
	font-size: 24px;
	line-height: 40px;
	width: 90%
}
.banner-content h3 {
	font-size: 22px;
	line-height: 39px
}
.banner-content h3 span {
	font-size: 48px;
	line-height: 65px
}
.ico {
	bottom: -52px
}
.ico span {
	height: 100px;
	width: 100px
}
.main.app .banner-content h3 {
	font-size: 27px;
	line-height: 34px
}
.aap-b-left p {
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px
}
.banner-content .mobile {
	height: 400px;
	top: 25px
}
.count li img {
	margin-bottom: 5px
}
.count li strong {
	font-size: 40px;
	line-height: 50px
}
.count li small {
	font-size: 24px
}
.app-services ul li {
	margin-bottom: 55px
}
.app-gallery {
	width: 700px
}
.inner-banner {
	height: 470px
}
.android-image {
	height: 290px
}
.android-image2 {
	height: 150px
}
.android-image3 {
	height: 110px
}
.inner-banner .banner-details h2 small {
	font-size: 29px;
	line-height: 40px
}
.inner-banner .banner-details h2 strong {
	font-size: 40px;
	line-height: 45px
}
.inner-banner .banner-details h2 img {
	width: 180px
}
.apple-tv-image {
	width: 510px
}
.tv-icon {
	height: 240px;
	right: -64px
}
.remote {
	left: -22px;
	width: 145px
}
.inner-banner.apple-tv .wrapper {
	width: 710px
}
.inner-banner.apple-tv .mobile-details {
	width: 555px
}
.apple-watch1 {
	height: 470px
}
.apple-watch2 {
	width: 300px
}
.apple-watch-row .pic {
	margin-top: 50px
}
.benefits ul li {
	padding: 0 10px
}
.benefits ul li .ico-b {
	width: 105px;
	height: 105px
}
.benefits ul li .ico-b img {
	max-width: 45%
}
.feature ul li {
	font-size: 14px
}
.feature ul.faeture-list li::before {
	width: 11px!important;
	height: 11px!important
}
.inner-banner.cake-php .banner-details h2 img {
	margin: 15px auto!important;
	height: 250px
}
.inner-banner.coldfusion .screen {
	margin-top: 16px
}
.inner-banner.drupal .banner-details h2 img {
	margin: 30px auto 20px!important
}
.inner-banner.zend .banner-details h2 img {
	width: 200px;
	margin: 36px auto 30px!important
}
.inner-banner .samsung-gear-image {
	height: 310px
}
.inner-banner.ruby .banner-details h2 img {
	margin: 30px auto!important
}
.right-box ul li {
	font-size: 25px;
	line-height: 32px
}
.psd-to-html .html-screen {
	left: 125px;
	top: 80px;
	width: 240px
}
.psd-html-ico {
	/*width: 90px;*/
	margin-top: 60px
}
.psd-to-html .banner-details ul.right {
	width: 470px
}
.inner-banner .ibeacon {
	width: 300px
}
.inner-banner.chromecast .mobile-details {
	right: 30px;
	width: 300px
}
.company-brief ul li strong {
	font-size: 22px;
	line-height: 25px;
	padding-top: 10px
}
.company-brief img {
	height: 55px
}

.list li::before{ top:12px;}
.list{ margin-top:40px;}
.feature ul.faeture-list li{font-size: 14.83px;}

.inner-banner.php p{ padding-bottom:25px;}

}
@media only screen and (max-width:991px) {
.request-form .wrapper {
	width: 720px
}
.request-form .form-section {
	margin-left: 0;
	padding: 30px 15px 0;
	width: 336px
}
.request-form input[type=submit] {
	font-size: 22px;
	height: 50px;
	width: 165px
}
.request-right {
	width: 324px
}
.request-right ul {
	width: 100%
}
.text-box p {
	width: 100%;
	font-size:20px;
	line-height: 34px
}
.inner-banner.apple-watch .mobile-details {
	width: 565px
}
.wrapper1 {
	width: 660px
}
.services-box a {
	margin-top: 15px
}
.about-section .tabs-menu li {
	font-size: 17px;
	margin: 0 2%
}
.about-section .tabs-menu li a {
	padding: 16px 0
}
.map-details .address {
	width: 33.33%;
	border-top: solid 1px #999;
	padding: 30px 10px
}
.map-details .address:nth-child(3n) {
	border-right: none
}
.map-details .address:nth-child(1), .map-details .address:nth-child(2), .map-details .address:nth-child(3) {
	border-top: none
}
.banner-pic {
	width: 44%
}
.home-banner-del {
	width: 55%;
	max-height: 40%
}
.tagline {
	font-size: 33px;
	line-height: 50px;
	margin-bottom: 15px
}
.btn i {
	display: none
}

.contact-info{ width:370px;}
.contact-info .number{ padding-top:15px; font-size:23px;}
.contact-info .contact-icon a {margin:0 25px}
.contact-info .contact-icon a img{ height:33px}
.feature ul.list0 li:nth-child(2n)::before {
    height: 15px;
    right: 98.2%;
    width: 15px;
}
.feature ul.list0 li{ font-size:19px}

.contact-section input[type="text"], .contact-section input[type="email"], .contact-section input[type="tel"], .contact-section textarea{ font-size:17px;}

}
@media only screen and (max-width:950px) {
.app-b-del {
	bottom: -97px
}
.btn {
	height: 43px;
	padding-top: 9px;
	font-size: 14px;
	width: 215px
}
.btn i {
	font-size: 12px;
	line-height: 12px;
	top: 8px
}
.award ul li img {
	height: 55px
}
.award {
	padding-bottom: 40px
}
.award ul {
	margin-top: 40px
}
.standards.mobile li {
	width: 50%
}
.feature ul li:nth-child(2n)::before {
	width: 15px;
	height: 15px
}
.apple-left-sec {
	margin-top: 19%
}
.apple-tv-details .apple-box {
	height: 90px;
	margin-left: 35px
}
.apple-tv-details .remote1 {
	width: 130px
}
.apple-watch-row {
	padding: 30px 0
}
.apple-watch-row strong {
	font-size: 31px;
	line-height: 45px
}
.inner-banner.full .banner-details h2 img {
	margin: 50px auto 40px
}
.banner-right {
	width: 350px
}
.inner-banner.magento .wrapper img.magento-mobile-screen {
	display: none
}
.inner-banner.perl {
	height: auto
}
.perl-screen {
	margin-bottom: -10px
}
.psd-to-html .html-screen {
    left: 90px;
    top: 90px;
    width: 240px;
}
.psd-html-ico {
    margin-top: 115px;
    width: 175px;
}
.psd-to-html .banner-details ul.right {
	margin-top: 25px;
	width: 400px;
}
.inner-banner .banner-details ul li {
    padding-bottom: 3px;
    font-size: 17px;
    line-height: 29px;
}
.inner-banner.ibeacon .mobile-details {
	width: 400px
}

.inner-banner p.staff-text{font-size: 18px;line-height: 29px; padding-top:0}

}



@media only screen and (max-width:850px) {
.tv-icon {
	height: 180px;
	right: -16px
}
.inner-banner.apple-watch .mobile-details {
	margin-top: 20px;
	width: 476px
}
.php-screen {
	width: 528px
}
.list li{ padding-left:15px;}
.list li::before{ left:2px;}

.home-banner-del {
    max-height: 58%;
}

.design-row:nth-child(2){ height:445px;}
.design-row:nth-child(2) .pic img {height: 453px;margin-top: -8px;}
}
@media only screen and (max-width:800px) {
.banner-content h3 br, .bottom-contact p br {
	display: none
}
.ico span img {
	max-width: 40%
}
.inner-banner.magento .wrapper img.magento-screen {
	left: 62px;
	top: -13px;
	width: 250px
}
.inner-banner.ibeacon .mobile-details {
	width: 350px
}
.inner-banner.chromecast .mobile-details {
	width: 280px
}
}
@media only screen and (max-width:767px) {
.dropdown strong br, .inner-banner.magento .wrapper img.magento-screen {
	display: none
}
.loader {
	width: 170px;
	height: 160px
}
.loader canvas {
	width: 160px;
	height: 160px
}
.design-row:nth-child(2), .design-row:nth-child(4), .inner-banner.asp, .main, .start-project {
	height: auto
}
.inner-banner.asp {
	padding-bottom: 25px
}
.inner-banner.full .banner-details h2 img {
	margin: 40px auto 20px
}

.wrapper {
	width: 100%
}
.main-section ul li .col {
	padding: 10px
}
.work-section ul li {
	width: 100%
}
.dropdown .close {
	position: absolute;
	right: 10px;
	top: 10px;
	margin-top: 0
}
.copyright, .footer-link {
	position: relative
}
.dropdown strong {
	margin-top: 30px;
	font-size: 40px;
	line-height: 45px
}
.box-testi .pic, .box-testi span {
	display: inline-block
}
.dropdown ul {
	padding: 40px 0 0
}
.dropdown {
	padding: 30px 15px
}
.design-row .col-6 {
	width: 100%;
	text-align: center
}
.award ul li span {
	font-size: 26px
}
.box-testi .pic {
	float: none
}
.bottom-contact p br, header, nav {
	display: none
}
.box-testi p:nth-child {
	padding-bottom: 0
}
.design-row:nth-child(2) .pic img {
	margin-top: 0
}
.design-row .col-6.pic img {
	float: none!important;
	margin-top: 20px;
	margin-bottom:40px !important;
	height: auto
}
.contact-section .f-col+.f-col, .copyright, .feature-sec li, .request-right, nav, nav ul, nav ul li {
	float: left
}
.design-row:nth-child(2n) .col-6.pic {
	width: 100%;
	text-align: center
}
.testimonial {
	background: #fff
}
.box-testi {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	padding: 30px
}
.start-project {
	padding: 40px 0
}
footer {
	min-height: inherit;
	padding-top: 25px;
}
.footer-link {
	bottom: auto;
	padding: 20px 0;
	margin-top: 30px
}
.footer-row {
	padding-top: 30px
}
footer .social {
	margin: 30px 0 20px
}
.number1 {
	font-size: 24px
}
footer h2 {
	padding-top: 35px
}
h2 {
	font-size: 38px;
	line-height: 45px
}
footer .social a {
	font-size: 22px
}
h4 {
	font-size: 25px
}
.contact-top address {
	width: 100%;
	background: #363a45
}
.contact-top address+address {
	background: #282b33
}
.heading h3 {
	font-size: 40px;
	line-height: 50px
}
.bottom-contact p {
	font-size: 18px;
	line-height: 25px;
	padding-top: 10px
}
nav {
	width: 100%;
	padding: 20px 0
}
nav ul {
	width: 100%
}
nav ul li {
	width: 100%;
	text-align: left
}
nav ul li a {
	width: 100%;
	padding: 10px;
	background: rgba(0,0,0,.5);
	border-radius: 4px;
	margin-bottom: 5px
}
.toggle {
	display: block;
	margin-right: 15px
}
.banner-content .mobile, .col-right, .ico, .main-section .about-section .about-col h2 br, .title h3 br {
	display: none
}
nav ul li:hover strong {
	bottom: 0;
	margin-right: 0;
	margin-top: 0;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1)
}
nav ul li:hover span {
	line-height: 23px
}
nav ul li:hover {
	bottom: auto
}
.top-section.space {
	padding-top: 55px
}
.feature{ padding:30px 0}
.our-services{ padding-bottom:40px;}
.our-client{ padding:35px 0}

.top-section h2::after {
	margin-top: 20px
}
.app-b-del img {
	height: 280px
}
.app-b-del {
	bottom: -30px
}
.app-b-del h2 {
	font-size: 46px;
	top: 61px
}
.title h3 {
	font-size: 30px;
	line-height: 40px
}
.main-services .bottom {
	top: 94%
}
.main-services .bottom a {
	width: 120px;
	height: 120px
}
.footer-link li {
	margin: 0 8px
}
.footer-row address strong {
	font-size: 17px
}
.work-section ul li figcaption {
	padding: 50px 15px
}
.work-section ul li strong {
	padding-top: 40px
}
.work-section ul li strong b {
	padding-top: 20px
}
.banner-del img {
	height: 130px
}
.btn {
	margin: 0 10px
}
#logo {
	margin-left: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 25px
}
.home-nav ul li {
	margin: 0 10px
}
.home-nav ul li::after {
	width: 80%
}
.home-nav ul li::before {
	width: 60%
}
.about-col, .home-nav ul li:hover::before {
	width: 100%
}
.design-row {
	padding: 20px 0
}
.about-col {
	text-align: center;
	margin-bottom: 20px
}
.main-section .about-section .about-col h2 {
	text-align: center
}
.about-col+.about-col {
	text-align: center
}
.about-section {

}
.btn0 {
	margin-top: 50px;
	margin-left: 5px;
	margin-right: 5px
}
.about-section:nth-child(2)::after {
	background-size: auto 100%;
	height: 33px
}
.main-section .team-list li {
	margin-left: 2%;
	margin-right: 2%;
	width: 20%
}
.our-services ul li em {
	width: 90%
}
.list li, .start-project p {
	width: 100%;
	text-align:justify;
}
.title.small-text h3 {
	font-size: 30px;
	font-weight: 300;
	line-height: 35px
}
.main-section ul li p {
	line-height: 33px
}
.welcome-page hr {
	border-width: 2px;
	margin-top: 5px
}
.welcome-page h1, .welcome-page span {
	font-size: 26px;
	line-height: 31px;
	padding: 0 20px
}
.welcome-page {
	height: 60%
}
.top-section {
	padding: 25px 0
}
#homebanner {
	position: relative!important
}
#homebanner+div {
	height: auto!important
}
.start-project p:last-child {
	padding: 0
}
#logo img, .footer-logo img, .welcome-page figcaption img {
	height: 45px
}
.box-testi p {
	font-size: 17px;
	line-height: 26px
}
.directors ul li {
	width: 33.33%
}
.isk-dev ul li .col-box {
	max-height: 69%
}
.request-top h2 {
	font-size: 26px;
	line-height: 43px;
	margin-bottom:15px;
}
.request-top h4 {
	font-size: 15px;
	line-height: 23px; padding-top:12px;
	letter-spacing:1px;
}
.request-top small {
	font-size: 17px
}
.request-form {
	background: 0 0;
	padding-bottom: 20px
}
.request-form .wrapper {
	width: 100%;
	padding: 0 15px
}
.request-form .form-section, .request-right {
	width: 100%
}

.request-form .form-section{ margin-top:40px;}

.request-top {
	padding: 30px 15px 60px
}
.request-right h3 {
	font-size: 20px
}
.text-box {
	padding-top: 20px;
	margin-top: 10px;
	background: url(../images/texture-bg1.jpg)
}
.app-services ul li {
	width: 50%;
	margin-bottom: 50px
}
.aap-b-left {
	width: 100%;
	text-align: center
}
.main.app .banner-content h3 {
	text-align: center
}
.main.app .banner-content {
	max-height: 60%
}
.app-gallery {
	width: 100%;
	padding: 0 15px
}
.app-gallery li .iphone-iframe {
	height: 460px;
	padding: 53px 13px 72px 11px;
	width: 230px
}
.app-gallery li .hover-col {
	left: auto!important;
	display: block!important;
	z-index: 999;
	right: 13px!important;
	top: 53px;
	background: rgba(235,135,27,1);
	min-height: 20px;
	width: auto;
	padding: 5px;
	border-radius: 0
}
.app-gallery li .hover-col img {
	margin-top: 15px
}
.app-gallery li .android-iframe {
	height: 492px;
	padding: 56px 12px 75px 11px;
	width: 230px
}
.app-gallery li .watch {
	height: 160px;
	padding: 34px 26px 54px 9px;
	width: 110px
}
.php-services li {
	width: 30%;
	margin-bottom: 15px
}
.contact-section .f-col {
	width: 100%;
	margin: 0 10px 0 0
}
.contact-section input[type=text], .contact-section input[type=email], .contact-section input[type=tel], .contact-section textarea {
	font-size: 17px; margin-bottom:12px; height:52px;
}
.contact-section textarea { height:120px;}
.contact-section input[type=submit] {
	font-size: 26px; height:52px;
}
.about-section.career .about-col {
	width: 100%;
	padding-left: 0;
	text-align: center
}
.about-section.career {
	text-align: center
}
.about-section h2 {
	font-size: 50px;
	line-height: 60px
}
.accordion-section-title {
	font-size: 30px;
	height: auto;
	padding: 8px 15px;
	line-height: 35px
}
.career-box h3 {
	font-size: 33px
}
.android-image2 {
	height: 150px;
	display: none
}
.android-image3 {
	height: 110px;
	display: none
}
.inner-banner {
	height: 400px
}
.inner-banner .mobile-details {
	width: 100%;
	text-align: center
}
.inner-banner .mobile-details h2 small, .inner-banner .mobile-details h2 strong {
	display: block;
	text-align: center;
	font-size: 31px;
	line-height: 33px
}
.inner-banner .mobile-details p {
	display: block;
	text-align: center
}
.inner-banner .banner-details ul, .php-screen, .psd-to-html .html-screen, .remote, .tv-icon {
	display: none
}
.android-image {
	left: 0;
	right: 0;
	margin: auto;
	height: 190px
}
.logo-section img {
	height: 190px
}
.inner-banner.angular .banner-details {
	margin-top: 107px
}
.feature ul li:nth-child(2n)::before {
	width: 10px;
	height: 10px
}
.feature ul li {
	padding: 9px 35px
}
.inner-banner.apple-tv .wrapper {
	width: 100%
}
.apple-tv-image {
	width: 400px
}
.inner-banner.apple-tv .mobile-details {
	width: 100%
}
.apple-left-sec {
	width: 100%;
	margin: 0
}
.apple-tv-del {
	margin: 15px 0;
	padding: 0 15px;
	width: 100%
}
.inner-banner.apple-watch .mobile-details {
	margin-top: 20px;
	width: 382px
}
.inner-banner.apple-watch .mobile-details h2 small, .inner-banner.apple-watch .mobile-details h2 strong, .inner-banner.apple-watch .mobile-details p {
	text-align: left
}
.banner-right, .chromecast-details h2, .chromecast-details p, .inner-banner p, .inner-banner.magento .banner-details h2 small {
	text-align: center
}
.apple-watch1 {
	height: 400px
}
.apple-watch2 {
	width: 210px;
	right: 10px
}
.apple-watch-row .pic, .apple-watch-row strong {
	width: 100%
}
.apple-watch-row strong {
	font-size: 25px;
	line-height: 35px; padding-top:0
}
.common-section{ padding:30px 0}
.feature ul.faeture-list li {
	width: 50%
}
.benefits ul li {
	width: 33.33%;
	margin-bottom: 50px
}
.standards li {
	width: 33.33%
}
.feature-sec li {
	width: 33.33%;
	padding: 0 10px
}
.inner-banner.cake-php {
	height: auto;
	padding-bottom: 25px
}
.inner-banner.coldfusion .cf {
	height: 150px
}
.inner-banner.coldfusion .screen {
	height: 252px
}
.inner-banner.drupal, .inner-banner.laravel {
	height: auto;
	padding-bottom: 25px
}
.inner-banner.zend .banner-details h2 img {
	width: 160px;
	margin-top: 20px;
	margin-bottom: 10px!important
}
.inner-banner.visual-studio .banner-details h2 img {
	width: 340px
}
.inner-banner.samsung-gear .mobile-details, .inner-banner.virtual .mobile-details {
	width: 100%
}
.inner-banner .samsung-gear-image {
	height: 220px;
	left: 0;
	right: 0;
	margin: auto
}
.inner-banner.ruby .banner-details h2 img {
	width: 170px;
	margin: 20px auto!important
}
.right-box ul {
	margin-top: 80px
}
.inner-banner.joomla .joomla-screen {
	width: 421px
}
.banner-right {
	width: 100%
}
.inner-banner.magento .banner-details h2 small {
	font-size: 40px;
	line-height: 42px
}
.inner-banner.python.full .python-logo {
	width: 150px
}
.psd-html-ico {
    padding-top: 30px;
    width: 250px;
    display: block;
    margin: 0px auto;
}
.inner-banner .ibeacon {
	width: 235px
}
.ibeacon-feature li {
border: 1px solid #60676f !important;
    margin: 5px 1%;
    width: 48%;
}
.chrome-pic, .chromecast-details, .chromecast-screen {
	width: 100%
}
.ibeacon-box img {
	height: 150px
}
.ibeacon-box img:nth-child(1) {
	height: auto
}
.inner-banner.chromecast {
	padding: 20px 20px 0
}
.inner-banner.chromecast .mobile-details {
	position: static;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 0
}
.chromecast-details {
	padding: 0 15px;
	text-align: center
}
.testimonial-page .banner-content h1 {
	font-size: 55px;
	line-height: 85px
}
.video-slider {
	padding: 0 15px 15px
}
.testimonial-page .banner-content h1 span {
	font-size: 32px
}
.testimonial-video {
	padding-bottom: 35px
}
.video-slider strong {
	font-size: 30px;
	line-height: 40px;
	padding-top: 15px
}
.video-slider small {
	font-size: 20px
}
.wrapper1 {
	width: 90%
}
.services-box .col {
	max-height: 53%
}
.services-box a {
	margin-top: 11px;
	font-size: 13px
}
.services-box h4 small {
	font-size: 15px
}
/*.our-client ul li {
	height: 117px;
	padding: 29px 5px
}*/
.about-section:nth-child(1) {
	padding-top: 20px
}
.team li {
	width: 49.5%
}
.team li img {
	width: 100%
}
.team li:nth-child(2n) {
	margin-right: 0
}
.tagline {
	font-size: 35px;
	margin-bottom: 5px
}
#homebanner .btn {
	margin-bottom: 10px
}
.banner-pic {
	width: 55%
}
.home-banner-del {
	width: 45%;
	max-height: 54%
}
body, body.home {
	padding: 0!important
}
body.home #header {
	display: block!important
}
.cd-dropdown-wrapper {
	display: block
}
.work-heading{ margin-top:30px}
.footer-main{ padding-bottom:10px}

.contact-info{ width:300px; margin:30px 0}
.contact-info .number{ padding-top:15px; font-size:23px;}
.contact-info .contact-icon a {margin:0 13px}
.contact-info .contact-icon a img{ height:33px}
.contact-info .number{ font-size:18px}
.contact-info p{ font-size:17px;}

.internet-sec {
	background:none;
	background-size: cover; background:#B7B4AD
}
.internet-sec .right-box{ width:100%; text-align:center}
.internet-sec, .internet-sec *{ text-align:center !important}
.inner-banner.inernet-things .banner-details h2{ padding-top:25%}
.contact-left{ width:100%; text-align:center; padding-right:0}
.contact-right {background:#fff;border-radius: 10px;margin-top: 30px;padding: 30px;width: 100%;}
.contact-section h2{ text-align:center}
.contact-section p{ text-align:center}
.contact-right *{ width:100% !important}

.joomla-ico{ left:70px; top:-30px}


.html-row .css3 {height:98px;}
.html-row .sass {height:70px;margin-top: 23px;}
.html-row .js {height:100px;}
.html-row .bootstrap{height:80px;}
.html-row .html5{height: 47px;margin-top: 18px;}
.html-row .react {height:85px;}
.html-row .foundation {height: 95px;}
.html-row img.canvas {margin-top: 46px;}
.html-row .angular {height: 90px;}
.contact-page .contact-right{ width:100%; padding-top:0px; padding-bottom:0px;}
.request-right .text-box > ul{ margin-top:20px;}
.list1{ padding-left:0px; padding-top:30px;}
.staffing-box{ width:100%}

}
@media only screen and (max-width:639px) {
.app-b-del, .footer-row address, .isk-dev ul li, .main-services .col-6 {
	width: 100%
}
.apple-watch1, .top-section h2 br, p.sub-heading br {
	/*display: none*/
}
.inner-banner.apple-watch .mobile-details h2 small, .inner-banner.apple-watch .mobile-details h2 strong, .inner-banner.apple-watch .mobile-details p, .right-box, .right-box ul li {
	text-align: center
}
.main-services .col-6 img {
	height: 60px
}
.work-section ul li strong {
	padding-top: 15px
}
.work-section ul li strong b {
	padding-top: 10px
}
.award ul li {
	width: 100%;
	margin-bottom: 30px
}
.award ul li:last-child {
	margin: 0
}
.btn {
	margin-bottom: 10px
}
.our-services ul li:hover span {
	left: -100px
}
.main-section.marketing h2 {
	font-size: 40px;
	line-height: 43px
}
.isk-dev ul li .col-box {
	max-height: 69%
}
.banner-content h3 {
	font-size: 22px;
	line-height: 25px
}
.banner-content h3 span {
	font-size: 27px;
	line-height: 38px
}
.banner-content {
	max-height: 45%
}
.main .banner-content h3 img {
	width: 40px
}
.count li {
	width: 50%
}
.app-gallery {
	width: 300px
}
.app-gallery li:nth-child(2n) {
	float: left
}
.apple-tv-details .remote1 {
	margin-top: 0;
	width: 105px
}
.apple-tv-details .apple-box {
	height: 70px;
	margin-left: 15px
}
.inner-banner.apple-watch .mobile-details {
	margin-top: 20px;
	width: 100%
}
.apple-watch2 {
	left: 0;
	right: 0;
	margin: auto
}
.feature ul.faeture-list li {
	width: 100%
}
.benefits ul li {
	width: 50%
}
.inner-banner p {
	font-size: 14px; line-height:25px;
}
.intenet {
	display: block;
	margin: 30px auto 0;
	width: auto;
	max-width: 90%;
	float: none
}
.inner-banner.ibeacon .mobile-details, .right-box {
	width: 100%
}
.right-box ul {
	margin-top: 30px;
	padding: 0
}
.inner-banner .ibeacon {
	display: none
}
.company-brief ul li {
	width: 50%
}
.company-brief ul li:nth-child(3n) {
	border-top: 1px solid #c9c8c7;
	border-right: 1px solid #c9c8c7
}
.company-brief ul li:nth-child(2n) {
	border-right: none
}
.map-details .address {
	width: 50%;
	border-top: solid 1px #999;
	padding: 30px 0
}
.map-details .address:nth-child(3n) {
	border-right: solid 1px #999;
	border-top: solid 1px #999
}
.map-details .address:nth-child(2n) {
	border-right: none
}
.map-details .address:nth-child(1), .map-details .address:nth-child(2) {
	border-top: none
}
.contact-main.thanks .contact-info{ max-height:58%}

.feature ul{ margin-top:20px;}
.feature ul.list0 li{ width:100%; text-align:left; padding-left:20px; padding-right:20px; margin-bottom:0; font-size:18px;}

.feature ul.list0 li:before{
    height: 10px;
    right: 98.2%;
    width: 10px; background: #28abe2;
    bottom: 0;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
}
.feature ul.list0 li:nth-child(2n)::before{
    height: 10px;
    right: 98.2%;
    width: 10px;
}
.feature ul.list0 li:nth-child(2n)::after{ display:none;}

.home-banner-del p{ display:none;}
.home-banner-del {
    max-height: 25%;}
	.tagline{ font-size:28px; line-height:44px;}

.staffing-box{ height:auto !important; width:100%; padding:30px 20px}	

}


@media only screen and (max-width:600px) {
.html-section{ padding:0 10px 30px}
.html-row .css3 {height:75px;}
.html-row .sass {height:58px;margin-top: 18px;}
.html-row .js {height:70px;}
.html-row .bootstrap{height:65px;}
.html-row .html5{height: 35px;margin-top: 18px;}
.html-row .react {height:75px;}
.html-row .foundation {height: 85px;}
.html-row img.canvas {margin-top: 46px;}
.html-row .angular {height: 80px;}
.html-section .col-2, .html-section .col-3, .html-section .col-4, .html-section .col-5, .html-section .col-8{ padding:0px;}

.step-title{ font-size:17px; height:100px; width:100px; line-height:100px; margin-top:40px;}	
.step-title::after{ margin-left:-41px; margin-top:-11px;}	

}


@media only screen and (max-width:550px) {

	
.aap-b-left p, .banner-del .btn, .home-nav {
	display: none
}
.feature ul li:before, .feature ul li:nth-child(2n):before {
	left: 0;
	right: auto;
	top: 0
}
.main-section .team-list li {
	width: 46%;
	margin: 20px 2%!important
}
.portfolio .box {
	width: 100%!important;
	/*margin-bottom: 12px*/
}
.dropdown .innerlogo {
	text-align: center
}
.dropdown strong {
	font-size: 35px;
	line-height: 40px
}
.dropdown ul {
	padding: 30px 0 0
}
.main-section.marketing h2 {
	font-size: 35px;
	line-height: 43px
}

.welcome-page h1, .welcome-page span {
	font-size: 25px;
	line-height: 35px
}
.wrapper0 {
	max-height: 20%
}
.directors ul li {
	width: 50%
}
.inner-banner .logo-section {
	width: 100%;
	text-align: center;
	padding: 15px 0 0
}
.inner-banner .banner-details {
	width: 100%;
	margin-top: 0!important;
	padding-top: 15px
}
.inner-banner .banner-details h2 {
	text-align: center;
	width: 100%
}
.inner-banner .banner-details h2 img {
	display: block;
	margin: auto
}
.feature ul li {
	width: 100%;
	text-align: left!important;
	padding-left: 15px;
	padding-right: 20px
}
.feature ul li:before {
	background: #28abe2;
	content: "";
	height: 10px;
	margin: auto;
	position: absolute;
	display: block!important;
	width: 10px;
	bottom: 0
}
.feature ul li:nth-child(2n):after, .inner-banner.bootstrap .logo-section .bootstrap-screen, .inner-banner.coldfusion .screen, .inner-banner.joomla .joomla-screen, .inner-banner.joomla p, .inner-banner.ruby p, .inner-banner.zend p {
	display: none
}
.standards li {
	width: 50%
}
.inner-banner.bootstrap .logo-section {
	height: auto
}
.inner-banner.bootstrap .logo-section .image-box {
	position: static;
	padding-top: 40px
}
.inner-banner.bootstrap {
	background: #573B7E
}
.feature-sec li {
	float: left;
	width: 100%;
	margin-bottom: 25px
}
.inner-banner.coldfusion .cf {
	margin-top: 130px
}
.inner-banner.visual-studio .banner-details h2 img {
	width: 255px
}
.inner-banner.virtual .mobile-details {
	margin-top: 0
}
.joomla-ico {
	position: static;
	margin: 30px auto;
	display: block
}
.perl-screen {
	display: none
}
.inner-banner.perl {
	height: 400px
}
.perl-logo {
	margin-top: 20px
}
.our-client ul li {
	width: 50%; height:150px;
}
.our-client ul li:nth-child(3n) {
	border-top: 1px solid #efecea;
	border-right: 1px solid #efecea
}
.our-client ul li:nth-child(2n) {
	border-right: none
}

.inner-banner.inernet-things .banner-details h2{ padding-top:35%}
.footer-link li{ font-size:16px;}
#homebanner .btn{ width:70%}
}
@media only screen and (max-width:500px) {
.app-services h2:after, .app-services h2:before, .inner-banner p, .inner-banner.php p {
	display: none
}
.app-services ul li, .box-testi, .count li {
	width: 100%
}
.app-services ul li{ height:auto !important}

.box-testi {
	padding: 15px 20px 0
}
.work-section ul li figcaption {
	padding: 5px 10px
}
.work-section ul li strong b {
	font-size: 25px;
	line-height: 25px;
	padding-top: 0
}
.work-section ul li strong {
	padding-top: 8px
}
.tagline { font-size:24px; line-height:34px;
	margin-bottom: 10px;
	margin-top: 11px
}
.count li {
	margin-bottom: 30px;
	border: 1px solid #f2f2f2;
	padding: 15px 15px 5px
}
.count li:last-child {
	margin-bottom: 0
}
.gallery {
	padding: 40px 0
}
.inner-banner.magento {
	height: auto;
	padding-bottom: 25px
}
.icon-services img {
	height: 80px;
	margin: 0 7px
}
.inner-banner.ibeacon {
	height: 300px
}
.ibeacon-feature li {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px; margin-left:0px; margin-right:0; height:auto !important
}
.ibeacon-box img {
	height: 120px
}
.ibeacon-box img:nth-child(1) {
	height: 70px
}
.ibeacon-box img:nth-child(2) {
	margin: 0 20px
}
.ibeacon-box p {
	font-size: 17px;
	line-height: 26px
}
.services-box {
	width: 86%;
	margin: 0 7% 25px
}
.services-box h4 {
	font-size: 45px
}
.services-box h4 small {
	font-size: 26px;
	line-height: 50px
}
.services-box .col {
	max-height: 27%
}
.company-brief ul li strong {
	font-size: 22px
}
.start-project .btn {
	font-size: 14px;
	height: auto !important;
	padding: 7px 19px
}
.welcome-page h1, .welcome-page span {
	font-size: 20px;
	line-height: 35px
}
.php-services li {
	width: 50%
}
.inner-banner.wordpress .banner-details p {
	display: none
}
.inner-banner.wordpress .banner-details h2 img {
	max-width: 95%
}

.inner-banner .banner-details{ padding-left:20px; padding-right:20px}
body, html{ font-size:14px;}

.inner-banner p.staff-text{ display:block !important; font-size:15px; line-height:22px;}

}
@media only screen and (max-width:460px) {
.map-details .address, .map-details .address:nth-child(1), .map-details .address:nth-child(2), .map-details .address:nth-child(2n), .map-details .address:nth-child(3n) {
	border: 1px solid #999
}
.main .banner-content h3, .main.app .banner-content h3 {
	font-size: 0
}
.main.app .banner-content h3 span {
	display: block!important
}
#homebanner .btn, #homebanner .phone a, .testimonial-page .banner-content h1 span {
	display: none
}
.benefits ul li {
	width: 100%
}
.benefits ul li:last-child{ margin-bottom:0px;}
.psd-html-ico {
	width: 250px;
}
.ibeacon-box img {
	height: 100px
}
.ibeacon-box img:nth-child(1) {
	height: 50px
}
.video-slider {
	padding: 0 0 15px
}
.map-details .address {
	width: 100%;
	padding: 30px 0;
	margin-bottom: 15px
}
}
@media only screen and (max-width:420px) {
	h2 {
    font-size: 23px;
    line-height: 40px;
}
.directors ul li {
	width: 100%;
	margin-bottom: 15px
}
.feature-sec, .standards{ margin-top:30px; height:auto !important}
.standards li, .standards.mobile li {
	width: 100%; margin-top:0px; margin-bottom:20px; height:auto !important; border:solid 1px rgba(255,255,255,.2); padding:15px;
}
.standards.mobile li:last-child{ margin-bottom:0px;}

.inner-banner.virtual .mobile-details p {
	display: none
}
.testimonial-page .banner-content h1 {
	font-size: 50px
}
.home-banner-del {
	max-height:37%
}
.contact-info{ width:100%}
.footer-link{ margin-top:10px;}
.footer-link li{margin:0 5px 10px; font-size:16px;}
.company-brief ul li strong { font-size:19px;}
.tagline{ text-align:left; font-size:16px; font-weight:700}
.home-banner-del{ max-height:15%}
.inner-banner.samsung-gear .mobile-details h2 small, .inner-banner.samsung-gear .mobile-details h2 strong{ color:#fff;}
.inner-banner .mobile-details p{ color:#fff}
.chrome-pic img{ max-width:50%}

.html-row .css3 {height:60px;}
.html-row .sass {height: 50px;margin-top: 16px;}
.html-row .js {height:60px;}
.html-row .bootstrap{height:55px;}
.html-row .html5{ height: 28px;margin-top: 10px;}
.html-row .react {height:60px;}
.html-row .foundation {height: 68px;}
.html-row img.canvas {margin-top: 30px;}
.html-row .angular {height:65px;}



}
@media only screen and (max-width:360px) {
	.tagline{ font-size:17px; line-height:20px;}
	.g-recaptcha{ width:270px; overflow:hidden}
	.inner-banner.virtual .mobile-details h2 strong{ margin-top:23px;}

}