@charset "utf-8";
/* CSS Document */

.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
select{ -webkit-appearance:none; -moz-appearance:none; background:url(../images/arrow_down.png) 96% center no-repeat;}

/* Elastislide Style */

.SliderBlock{ clear:both;}
.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width:20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	/*background-color: #fff;*/
	margin: 0 auto;
	min-height: 60px;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 10px 40px;
}

.elastislide-vertical {
	padding: 40px 10px;
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
	padding:0 10px 0 0;
}

.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	
	max-width: 100%;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
	position: absolute;
	background: #ddd url(../images/nav.png) no-repeat 4px 3px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}

@media (min-width:768px) and (max-width:1023px){
	
	.Topwrapper, Section.Headtopgroup, #Middle ,article.Videoggroup, aside.slidergallery, aside.spc2, .Gallery{ max-width:100%; box-sizing:border-box; }
	
	.jcarousel-skin-tango .jcarousel-container-horizontal{max-width:98%; box-sizing:border-box;}
	
	.Aboutright{ max-width:500px;}
	
	.Main-jcarousel-container-horizontal, .GalleryBG, aside.Setbutton, .middleboxin, article.middlecont, section.Mid, .formblock, .RQinner, .requestQuote{ max-width:100%; box-sizing:border-box;}
	aside.Setbutton span.CustomersNOW{ max-width:60%;}
	nav ul li a{ font-size:10px;  padding:0 7px; }
	aside.slidergallery .leftgallery, .bannerimg{ width:48%; box-sizing:border-box;}
	aside.Setbutton{ max-width:100%; font-size:17px;}
	.toggleMenu{ display:none !important;}
	.nav{ display:block !important;}
	aside.Articlesset ul li{ width:32%; box-sizing:border-box;}
	aside.Bloglft{ width:60%; box-sizing:border-box;}
	 .video{ width:40%;}
	 .BoxlistingGallery{ max-width:400px;}
	
	.blogsection{ padding:0 10px; box-sizing:border-box;}
	.video h2{ float:none; width:100%; box-sizing:border-box;}
	.Videomain{ max-width:100%;}
	object, .Sliderbanner, .Fwrapper, .connectwith, .Networks{ float:none; max-width:100%; box-sizing:border-box;}
	.Sliderbanner{ background-image:none;}
	.Sapratemidbt{ width:100%; background-position:center top;}
	section.Mid{ background-size:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;} 
	.tiwtter2{ margin-left:20px;}
.tiwtter{ width:365px;}
.floatright .tiwtter img{ max-width:70px;}
.Networks ul li a img{ max-width:100px;}

.aboutshortbox{ max-width:94%;}

.Aboutapprochcontent{ width:33%; padding-left:3px; box-sizing:border-box;}
.services h2 a{ font-size:10px;}
.Androapp, .iPhoneapp, .Blackapp, .Winapp, .Mobweb, .Mobgame, .Mobecom, .Gisapp, .Crossplat{ background-size:24px auto; padding-left:28px !important; background-position:0 8px}
.webdesign{ clear:both; box-sizing:border-box; width:100%;}
.Aboutcontent{ float:none; padding-left:3px;}

.serviceselectblock, .serviceblock{ background-size:160px auto; padding: 15px 15px 15px 15px;}
.serviceselectblock h2{ font-size:11px !important;}
.Aboutright h2 a{font-size:11px}
.service li{ width:100%; box-sizing:border-box;}
iframe{ max-width:100%;}
	.formblock dl{ width:50%;}
	.formblock dl dd{ width:190px;}
	.formblock dl dd textarea{ width:100%;}
	.serviceselectblock, .serviceblock{ width:auto;}
	.Aboutcontent  img { max-width:100%; height:auto;}
	#Boxlisting li figure.topdetl, #Boxlisting li figure.btdetl{ background-size:380px auto;}
	#Boxlisting li figure.topdetl{ width:350px;}
	#Boxlisting li span.clintname{ padding-top:50px;}
	
	}

@media (max-width: 767px) and (min-width: 320px){


.Topwrapper, Section.Headtopgroup, .GalleryBG, .Main-jcarousel-container-horizontal, aside.Setbutton, #Middle, article.middlecont, .middleboxin, section.Mid{max-width:100%; width:100%; box-sizing:border-box;}


aside.slidergallery .leftgallery, .bannerimg{width: 70%;}

aside.slidergallery .leftgallery h2{ font-size:20px;}
aside.slidergallery .leftgallery{ padding-left:10px; box-sizing:border-box;}
aside.Setbutton span.CustomersNOW{ padding-left:10px; max-width:50%; box-sizing:border-box;}
aside.Setbutton span.Getinput{ padding-left:10px; box-sizing:border-box;}
aside.Setbutton{ font-size:13px;}
aside.Setbutton span.CustomersNOW{ padding-top:20px;}
aside.Articlesset ul li{padding: 0 18px 0 18px;padding-left:0px;width:100%;clear:both;float:none;min-height: auto;}
aside.Articlesset ul li h1{clear:both;width:100%;padding: 14px 0 5px 0px;}
.blogsection, aside.Bloglft, .BoxlistingGallery, .video, .video h2, aside.spc2, .Gallery, aside.Needmore, .connectwith, .sitemapcon, .Networks{ float:none !important; box-sizing:border-box; width:100%; padding-left:10px; padding-right:10px; clear:both;}
.PadT45 {padding-top: 15px;}
.video{margin-top: 0;}
#Boxlisting li figure.topdetl{ width:90%;}
.Sliderbanner{max-width:280px;float:none;margin-left:auto;margin-right:auto;background-size: 290px auto;padding: 0;}
.video h2{font-size:20px;margin-top: 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{ width:90%;}
.jcarousel-skin-tango .jcarousel-container-horizontal{ width:94%;}
aside.slidergallery, .banner{ width:100%; float:none;}
.jcarousel-skin-tango .jcarousel-item-horizontal{ width:100px !important;}
section.Mid{ background-size:98% auto; background-position:center}
.Fwrapper, .tiwtter{ width:98%;}

.Networks{ height:auto; overflow:hidden;}
.Networks ul li{ display:block; width:100%; text-align:center; box-sizing:border-box;}
.bannerimg{
    position: absolute;
    top: 45%;
    left: 10%;
    margin: 0 auto;
    padding: 0;
    float: none !important;
    width: 23%;
    top: 19px;
    left: 50%;
    margin-left: -11.5%;
}
aside.slidergallery .leftgallery{width: 100%;padding-left: 50px;padding-top: 25%;padding-right: 50px;text-align: center;}
ul.imageCarousel li{ max-width:100%;}
.Sapratemidbt, .banner1, aside.Bloglft h1{ width:100%;}

 .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.Logo{ max-width:60%; float:left; position: relative; z-index: 3;}
	img{ max-width:100%;}
	.Logo{ padding-left:10px; box-sizing:border-box;}
	aside.Logo a{  width: 190px;
    background-size: 186px auto;
    background-repeat: no-repeat;}
	.Headtopgroup{ position:relative; }
	.Headtopgroup .Rightfloat{ position:absolute; right:0px; width:100%;  z-index: 2;}
	.Headtopgroup .Rightfloat nav{ width:100%;}
	.toggleMenu{ float:right; margin-top:-42px; margin-right:5px;}
	nav ul li a{ display:block; float:none; width:100%; border-bottom:1px solid #09c5ed;}
	nav{ margin-top:60px; background:#fff; padding-bottom:0px; }
	.nav{border-bottom:5px solid #09c5ed;}
	nav ul li a{ line-height:32px;}
		nav li ul li, nav li ul li a{ width:100%;}
	.toggleMenu{text-decoration:none; font-family: 'OpenSansLight'; text-transform:uppercase; font-size:11px; 
			background-image: url("menu.png");
        background-repeat: no-repeat;
        background-position: center center; text-indent:-9999px; padding:10px 20px; display:block;
	}
	.toggleMenu:hover{ text-decoration:none;}
	
#Boxlisting{ display:none;}
.Videomain object, .Videomain{max-width:100%;/* width:100%; */}	
.middleboxin{}
.Sliderbanner{ background-image:none;}
#Wrapper{overflow-x:hidden;margin-top: 88px;}
nav li ul{ width:100%;}
.Aboutleft, .Aboutright{ box-sizing:border-box; width:100%;  float:none;}
.Aboutleft {display:none;}
.Submenumid{ background-image:none; width:100%; padding-bottom:80px; }
.Aboutright h4{ font-size:15px;}
.Submenubottom{ display:none;}
.Aboutright{padding-left:10px;box-sizing:border-box;width: 96%;padding-top: 9px;}
.services p {min-height: auto;}
.Aboutright h2{ font-size:16px;}
article.Videoggroup, .aboutshortbox{ width:100%; box-sizing:border-box;}
.Aboutapprochcontent{ width:100%; box-sizing:border-box; padding-left:10px;}
.Aboutapprochcontent.PadLNone{ padding-left:10px !important;}
aside.Needmore{font-size:13px;padding-top: 0;}
.webdesign, .contactus iframe{ float:none; max-width:100%; box-sizing:border-box;}
.Aboutcontent{ float:none;}
.service li{ width:100%;}
.Aboutright h3{ clear:both;}
article.Videoggroup, .formblock, .RQinner{ width:100%; float:none; box-sizing:border-box; padding: 0 10px;}
.RQinner{ padding:20px 10px;}

.requestQuote{ width:100% !important;}
.Contactleft, .Contactright{ float:none; width:100%; box-sizing:border-box; padding-left:15px;}
.Contactright dl dd input[type=text]{ width:100% !important;}
.Contactright dl{ width:100%;box-sizing:border-box;}
.Contactright dl dd input[type=text]#letters_code{ width:140px !important;}
.formblock dl{ width:100%; float:none; box-sizing: border-box; clear:both;}
.formblock dl dt{ width:100%; float:none; box-sizing: border-box;}
.formblock dl dd, .formblock dl dd input[type=text], select{ box-sizing:border-box; width:100%;}
.requestQuote p{ padding:10px !important; float:none !important;}
.captcha{ width:40%;}
#letters_code{ margin-top:10px;}
.formblock dl dd select{ width:100% !important;}
.Circle{ clear:both; margin-top:10px; float:none;}
.serviceblock, .serviceselectblock{ float:none; margin:10px auto;}
.Submenutop{ display:none;}
span.Blogtitle{ font-size:20px;}
.Breadcum{padding: 20px 21px;margin-top:10px;}
.Accordion .atab{ padding-left:10px;}
.Contactleft, .Contactright{ padding-left:5px;}
.Blogleft, article.Videoggroup, section.Mid{ box-sizing:border-box; width:100%;}
article.Videoggroup{ margin:0 auto;}
.Networks{ display:none;}

.nav{ display:none;}
.middleboxin, aside.spc2{ background:none;}
aside.spc2 { margin-top: 0;}
.Headtopgroup .Rightfloat{z-index: 2222;}
article.Videoggroup{min-height:inherit;padding-bottom: 0 !important;}
.Bloglft h1{ display:none;}


.Headtopgroup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff !important;
    border-bottom:1px solid #9f9f9f;
    z-index: 99999;
    }

.GalleryBG{margin-top: 0;}

.bx-wrapper .bx-prev {left: 10px !important;}
.bx-wrapper .bx-next{right: 10px !important;}
aside.slidergallery .leftgallery div.learnmore a {float: none !important;margin: 0 auto;}
article.middlecont {padding: 0px 0 0 0;}

.bxsliderC_new {width:80%;}
.footercon {padding: 18px 0 0 0;}

.quitebg, .quitebg2 {
    width: 85%;
    top: 0;
    left: 0;
    margin-left: 0;
    height: 91vh;
    overflow-y: scroll;
}
}



@media (max-width:639px){
	.gplus{background-size: 80px;width: 98px;margin-left: 6px;}
	.tiwtter2{width: 90px;background-size: auto 100%;margin-left: 10px;margin-top: 4px;}
	.facebook2{    background-size: 80px auto;     width: 83px;}
	
}
/* Portrait */
@media only screen and (max-width:425px) and (orientation: portrait) {
.Setbutton{position:fixed !important;bottom:0px!important;width:100%!important;left:0px!important;z-index: 99999;}	
.copyright {padding: 0 0 75px 73px;}
}

@media only screen and (max-width:500px) and (orientation: landscape) {
Section.Headtopgroup {height: 62px;}	
}