@media screen and (max-width: 1200px)
{
.banner-box { height: 350px;}
.text-box > h1 {font-size: 25px;}
.text-box { margin-top: 55px; padding-left:20px;}
.text-box span { font-size: 20px;}
.text-box small {font-size: 13px;}
.posts-text {margin: 10px 0;}
.live-chat {padding: 0 30px !important;}
.posts-text {padding: 0 15px;}
.posts-text > p {padding: 0 0 10px;}


	
}

@media screen and (max-width:1024px) and (min-width: 768px)
{
.banner-box { height: 350px;}
.banner-box-second {height: 350px;}
.banner-box-three {height: 350px;}
.text-box { margin-top: 10px;}
.text-box > h1 { font-size: 20px;}
.text-box span {font-size: 16px;}
.text-box { margin-top: 10px; padding-left: 20px;}
.centerbox h1 { font-size: 24px !important;}
.middlepart h1 p {font-size: 15px !important;}
.client h1{ font-size: 24px !important;}
.instant { margin-top: -40px;}
.instant {margin-top: -40px;}
.btn-lg, .btn-group-lg > .btn { padding: 2px 5px !important;}

.client {margin-top: 10%;}
.testimonial-box {margin: 10px 0 0;}
.pagination > li > a { padding: 3px 9px !important;}

.form-control1 { margin: 10px 0 0; width: 100%;}

.static-banner { height: auto; padding: 3% 0 !important; width: 100%;}
.ban-con { float: left;margin-top: 8%; width: 100%; padding:0 !important;}
.ban-con h2 { font-size: 27px;}
.ban-con p {width: 100%;}
.ban-img { float: right; width: 100%;}
.ban-img > img { float: right;width: 100%;}
}


@media screen and (max-width:768px)
{
.banner-box { height: 300px;}
.banner-box-second {height: 300px;}
.banner-box-three {height: 300px;}
.text-box > h1 {margin-top:20px;}
.banner.banner-main {margin-top: 0px !important;}
}
@media screen and (max-width:767px)
{
	
.static-banner { height: auto; padding: 3% 0 !important; width: 100%;}
.ban-con { float: left;margin-top: 2%; width: 48%; padding:0 !important;}
.ban-con h2 { font-size: 27px !important;}
.ban-con p {width: 100%;}
.ban-img { float: right; width: 48%; padding:0 !important;}
.ban-img > img { float: right;width: 100%;}

	

.banner-box { height: 220px;}
.banner-box-second {height: 220px;}
.banner-box-three {height: 220px;}
.w29per { width: 100% !important;}
.view-more {margin: -25px 0;}
.text-box {margin-top: 0 !important;}
.text-box > h1 { font-size: 16px !important;margin: 7px 0;}
.text-box span { font-size: 13px;}
.flex-control-nav {bottom: 1px !important;}
.text-box small { font-size: 11px;}
.drive h2 { float: left;}
.drive > p { float: left;}
.btn-lg, .btn-group-lg > .btn { padding: 2px 46px !important;}
.technology { margin:0;}
.recent { line-height: 60px;}
.rcp { margin:0;}
.client {padding: 0 0 15%;}
#feedbackForm > img {margin-top: 3%; float:left;}
#feedbackForm > small { width:100%;}
#feedbackForm > span {line-height: 60px; padding: 3%;}
.form-control1 { padding: 8px; width: 16%;}
.btn.btn-primary.btn-lg { float: right; }
.drive h2 { line-height: 29px; padding:15px 0;}
.hired { margin:0;}
/*
.devimg { width: 30%; margin-top:10px;}
.devtext { margin-top: 4%; width: 20%;}
.deptext {width: 50%; margin: 0;}*/
.case {margin:0;}
.caseimg { margin-top: 10px;}
.casetext {margin-top: 20px; padding-left: 6%; width: 82%;}
.download li { margin: 5px 4px;}


}


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

.static-banner{ display:none;}
.dyna-banner{ display:block; width:100%; float:left;}
.dyn-ban {width:100%; float:left;}
.dyn-ban img{ max-width:100%; height:auto;}



.banner-box {height: 120px !important;}
.banner-box-second {height: 120px !important;}
.banner-box-three {height: 120px!important;}
.text-box{ display:none;}
.flex-control-nav { bottom: -4px !important; left: 2% !important;}
.middlepart h1 { font-size: 20px !important;}
.middlepart h1 p { font-size: 12px !important;}

.download li {margin: 10px 0 0 !important;}
.w29per {width: 100% !important;}
.pagination { margin: -14px 0 !important;}
.pagination span:first-child { font-size: 11px;}
.view-more {margin:0 !important;}
.client-name span strong {font-size: 13px;}
.download { padding:0 !important; margin:0 !important;}
.freeapp { padding: 10px 0 20px;}
.pagetitle {font-size: 21px;}
.technology { margin:0; padding:0;}
.links {margin-top: 13px;}
.recent { line-height: 60px;}
.client {padding-bottom: 0;}
.instant { margin-bottom: 15px;}
.drive h2 { font-size: 20px; line-height: 25px; padding: 10px 0;}
.hired { margin:0;}
.download { margin: 20px 0 !important;}
.quick-link { margin: 20px 0 0;}
.case {padding: 0 0 20px; margin:0;}
.rcp { margin:0;}
.instant { margin-bottom: 15px; margin-top: 5%;}
.rcp > img { height: auto; width: auto;}
.btn-lg, .btn-group-lg > .btn { padding: 2px 27px !important;}
#feedbackForm > img { margin-top: 8%; }
#feedbackForm > span { line-height: 63px; padding: 3%;}
.form-control1 { padding: 8px 30px;}


}