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

.nav {display:none;}

@media only screen and (min-width : 320px) and (max-width:1024px) {
#wrapper {overflow-x:hidden; background:#000;}
#header2 {min-width:100%;}
#headertopCenter {width:100%;}
#menutop {width:10%;}

.banner .dots {bottom:12px;}
#header {min-width:100%; height:160px;}
#headerCenter {width:100%;}
#menulines {display:none;}
#menulines2 {display:none;}
#logo {width:100%; height:auto; margin-left:15%; padding-top:25px;}
.banner.has-dots {height:auto !important;}
.bluearea {width:100%;}
.blackarea {width:100%;}
.banner ul li {height:400px;}
#bodyConterer {width:100%;}
#realestate {width:100%;}
#bodyContentHomestrip2inr2 {width:100%; height:0px;}
#bodyContentHomestrip2inr1 {width:100%;}

#bodyCrenabt {display:inline-block; margin-top:0px;}
#contracts {width:100%;}
#maintanence {width:100%;}
#hdr1 {width:100%;}
center>#hdr1 {margin-top:5px;}
center>#icon1 {margin-top:-20px;}
center>#hdr2 {margin-top:5px;}
#hdr1>img {width:100%; height:18px;}
#hdr2 {width:100%;}
#bodyContentinener {width:100%; height:auto; overflow-x:hidden;}
#hdr3 {width:100%;}
#prjhome2 {width:320px; max-width:100%; float:none; margin:0 auto;}
#prjhome {width:320px; max-width:100%; float:none; margin:0 auto;}
#bodyContentHome2 {overflow:auto; height:auto;}
#hdrrw3 {width:100px; padding-left:10px;}
#hdr5 {width:100%;}
#bodyContent3inener {width:100%;}
#hdrrwr {margin-right:3px;}
#bodyContentHome3 {height:455px; }
#footerInner1 {width:100%;}
#footerInner2 {width:100%; height:auto; background:#000;}
#footer {position:inherit;}
#realestate {margin-left:0px;}
#contracts {margin:0px;}
#maintanence {margin-left:0px;}
div.fadehover>a>img.a {width:100%;}
div.fadehover>img.b {width:100%;}
#lgoClient1 {width:150px; margin-left:30%;}
#lgoClient2 {margin-top:25px; margin-left:39%;}
#lgoClient3 {margin-top:25px;}
#lgoClient4 {margin-top:25px;}
#lgoClient5 {margin-left:55px; margin-top:0px;}
#footerInner2>div {margin-left:8%;}
div#footerbreaker {display:none;}



<!-- About Page -->

#bodyContentAbouttrip {display:inline-block; height:420px;}

#bodyContentAbouttrip2 {margin-left:-40%; width:100%;}
#bodyContenabt {height:auto; padding-top:15px;}
#bodyContentinner {width:100%; padding-top:106px;}
#bodyContentinner22 {width:100%; margin-left:0px; margin-top:-100px;}
#bodyContenabt3 {height:480px;}
#bodyContentAboutus {background-attachment:inherit; padding-top:0px; margin-top:-20px;}
#bodyContentinr {width:98%; margin-left:10px;}
#bodyContentAboutus2 {background-position:top; background-repeat:no-repeat; background-size:contain;}
#bodyContentinr2 {margin-right:0px; float:none; margin-left:10px; }
#bodyContentAboutus3 {background-size:contain; background-repeat:no-repeat; background-position:top;}
#bodyContenabt4 {height:460px;}
#bodyContentAboutuss2 {height:490px;}
#bodyContentAboutus4 {background-repeat:no-repeat; background-size:contain; padding-top:100px;}
#bodyContentAboutus4 {background-side:contain; background-repeat:no-repeat; background-position:top;}
#bodyContentinr3 {width:98%; float:none; margin-left:10px; padding-top:0px; margin-top:-100px;}
#bodyContenabt2 {height:470px;}

<!-- Services/AD House -->

#wrapper {background:#000;}
#bodyContentAbouttrip {height:210px;}
#bodyContenar1 {height:auto; }
#bodyConterwntarrinner {width:98%; height:700px;}
#bodyContentinner223 {width:98%; margin-left:10px; display:inline;}
#bodyContentadhblueinrr {width:100%;}
#bodyContentHomestrip2 {height:234px;}
#bodyContentHomestrip2 {margin:0 auto; float:none; width:100%; background:#000;}
#bodyContenrall1 {width:100%;}
#bodyContentadhbluefur1 {width:100%; display:block; background:#34b3ff;}
#bodyContentadhbluefur2 {display:block; background:#34b3ff; padding-top:10px;}
#bodyContentadhbluewall1 {width:100%; display:block; background:#34b3ff; }
#bodyContentadhbluewall2 {display:block; margin-top:10px;}
#bodyContenclientspc3 {width:100%; height:auto;}
#bodyContentinnerserar {width:100%; display:flex; height:100px;}
#bodyContentadhblueinrbkr {height:0px; margin-top:1px;}
#bodyContentserinr {width:100%;}
.hdr7 {display:block; margin-top:35px;}
#bodyContenarser {height:300px; display:initial;}
#bodyContenarlogos {width:100%;}
#bodyContenarlogosinr {width:100%;}
#bodyContenarlogos2 {width:100%; margin-left:0px;}
#bodyContenarlogosinr>a>img {max-width:98%;}


<!-- Project-->
#bodyContentprj {width:100%;}
#bodyContentproj {width:100%; display:inline-block;}
.projTable img {width:75%;}
table.projTable {width:100% !important;}


<!-- Clients -->


#bodyContenclients {width:100%;}
#bodyContenclientspc {width:100%;}
#bodyContenclients {width:80%; height:auto; float:none; margin:0 auto;}
#bodyContenclnt2 {height:7650px; }
#bodyContenclientslogos2 {width:100%; margin:0 auto;} 
#bodyContenclientslogos {width:100%; margin: 0 auto;}

#bodyContenclientspc2 {width:100%; height:0px;}




<!-- Contact -->


#bodyContentinneERrcntt {width:100%;}
#bodyContentinnercnttmspc {width:100%; height:0px;}
#bodyContentinneERrcntt {width:100% !important;}
#bodyContentinnerr22 {width:100%;}
#bodyContentinnerfirstCont {width:100%; margin-top:40px; border-radius:0px;}
#bodyContentinnersecondCont {width:100%; margin-top:10px; border-radius:0px;}
#bodyContentContact {background-image:none; background:#fff;}

#bodyContentser5inr1 {width:100%;}
#bodyContentser3 {width:98%;}
#bodyContentser4 {width:100%;}
#bodyContentser4inr1 {width:100%;}
#bodyContentser4inr2t {width:100%;}
#bodyContentrser2 {background-position:top; background-size:contain; background-repeat:no-repeat;}
#bodyContentserman1 {background-position:top; background-size:contain; background-repeat:no-repeat;}
#bodyContentser5 {width:100%;}
#bodyContentser5inr2 {width:100%;}

.scroller {position:relative !important;}
#bodyContentadhbluefab2 {padding-top:10px;}


.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:96%;
    position:absolute;
}




}

<!--Custom Menu CSS -->
.nav {display:none;}


@media only screen and (min-width: 320px) and (max-width: 1024px) {

.nav {display:block; float:right; width:55px; margin-top:5px;}
.nav-mobile {margin-top:10px; background-color:#000; border;2px solid #34b3ff; margin-right:3px;}
.nav-mobile-open {    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
.nav-item a {background:#34b3ff;}

#home {display:none;}
#about {display:none;}
#proj {display:none;}
#services {display:none;}
#clients {display:none;}
#contact {display:none;}
#bodyContentserman0 {height:1260px;}
#bodyContenserr1 {height:1100px;}
#bodyContentser5 {padding-top:450px;}
#bodyContentser4 {padding-top:450px;}
#bodyContenarlogosinr {float:right;}
div#topcontrol {z-index:1000;}

ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {display:list-item !important; margin-left:38%;}

.nav-active {position:absolute; z-index:9999; width:310px; margin-top:10px; float:left; margin-left:-469%;}

}

@media only screen and (min-width : 320px) and (max-width:374px) {


#bodyContentser5inr3 {display:block; width:50%; text-align:center;}
#bodyContentser5inr3>img {max-width:100%; height:auto;}
.banner ul li {background-size:contain; background-repeat:no-repeat;}
.banner.has-dots {height:246px !important;}
.bluearea {margin-top:46px;}
#bodyContentadhbluefab1 {margin:0 auto; float:none;}
#lgoClient1 {margin-left:24%;}


#bodyContentser5 {padding-top:150px;}
#bodyContentser4 {padding-top:150px;}
.scroller_anchor {height:15px;}

}

@media only screen and (min-width : 340px) and (max-width:360px) {

#logo {margin-left:20%;}
#bodyContentAbouttrip2 {margin-left:-35%;}
ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {margin-left:45%;}


}

@media only screen and (min-width : 375px) and (max-width:413px) {
#logo {margin-left:21%;}
#bodyContentAbouttrip2 {margin-left:-29%;}
#bodyContentinner {padding-top:114px;}
#bodyContentinner22 {width:98%;}
#bodyContenarlogosinr {display:block;}
#bodyContentadhbluefab2 {display:block;}
#bodyContentadhbluefab1 {margin:0 auto; float:none;}
#bodyContentser5 {padding-top:225px;}
#bodyContentser4 {padding-top:225px;}


.banner ul li {background-size:contain; background-repeat:no-repeat;}
.banner.has-dots {height:270px !important;}
.bluearea {margin-top:72px;}

ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {margin-left:48%;}


}



@media only screen and (min-width : 414px) and (max-width:560px) {
#logo {margin-left:25%;}
#bodyContentAbouttrip2 {margin-left:-21%;}
#bodyContentinner {padding-top:131px;}
#bodyContentinner22 {width:98%;}
#bodyContenarlogosinr {display:block;}
#bodyContentadhbluefab2 {display:block;}
#bodyContentadhbluefab1 {margin:0 auto; float:none;}
#bodyContenabt3 {height:520px;}
#bodyContentser5 {padding-top:185px;}
#bodyContentser4{padding-top:140px;}

.banner ul li {background-size:contain; background-repeat:no-repeat;}
.banner.has-dots {height:285px !important;}
.bluearea {margin-top:88px;}


#lgoClient2 {margin-top:25px; margin-left:49%;}
#lgoClient3 {margin-top:25px; margin-left:30%}
#lgoClient4 {margin-top:25px; margin-left:33%;}
#lgoClient5 {margin-left:25%; margin-top:0px;}
#footerInner2>div {margin-left:8%;}
ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {margin-left:52%;}


}



@media only screen and (min-width : 561px) and (max-width:1024px) {
#bodyContentAbouttrip2 {margin-left:0px;}
#logo {margin-left:5%;}
.projTable img {width:55%;}
table.projTable {width:65% !important;}

#lgoClient1 {width:150px; margin-left:30%;}
#lgoClient2 {margin-top:25px; margin-left:49%;}
#lgoClient3 {margin-top:25px; margin-left:41%}
#lgoClient4 {margin-top:25px; margin-left:43%;}
#lgoClient5 {margin-left:38%; margin-top:0px;}
#footerInner2>div {margin-left:8%;}

#bodyContentAboutus2 {background-position:220px;}
#bodyContentinr {width:50%;}
#bodyContentinr {margin-top:-30px;}
#bodyContentAboutus3 {background-position:-100px;}
#bodyContentinr2 {float:right;}
#bodyContentinner {padding-top:0px;}
#bodyContentAboutus4 {background-position:160px;}


#bodyContenarlogosinr {float:right;}
#bodyContentHomestrip2inr2 {height:100px; width:33.3%;}
#bodyContentHomestrip2 {height:50px; background:#34b3ff;}
#ln {display:none;}

#bodyContentadhbluefab1 {margin-left:0px; width:33.2%; background:#34b3ff;}
#bodyContentadhbluefur1 {width:33.2%;}
#bodyContentadhbluewall1 {width:33.2%;}

#bodyContenrall1 {width:33%;}
#bodyContenarlogos {width:33.2%;}
#bodyContenarlogos2 {width:33.2%;}
#bodyContenclientspc2 {width:33.2%; float:none;}

#bodyContentadhblueinrr {background:#34b3ff; height:160px;}
div>.arr2 {height:102px !important;}

#footerInner2>div {margin-left:6%;}
.hdr7 {margin-top:55px;} 
ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {margin-left:52%;}
 

}

@media only screen and (min-width : 320px) and (max-width:600px) {


/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }





}



/* Social Media Icon Css*/


/*----- Genral Classes start ------*/
body {
	background: #2C303C;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
h1 {
	text-align: center;
	color: #999;
	background: rgba(0, 0, 0, 0.36);
	margin: 0;
	padding: 5px;
}
h2 {
	text-align: center;
	color: #999; 
	margin: 0;
	padding: 5px;
	font-size: 1.8em;
	margin-bottom: 30px;
} 
 
.wrapper,.copyright {
	padding: 20px;
	text-align: center;
}
hr{
	margin: 30px 20px;
	border-top:2px solid #1C1E26 ;
	border-bottom:2px solid #38404D;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.social-icons .fa {
	font-size: 1.1em;
}
/*Change icons circle size and color here*/


ul.social-icons.icon-circle.icon-rotate.list-unstyled.list-inline {display:flex;}
.list-inline li {margin-top:20px;}

.social-icons .fa {
	width: 35px;
	height: 35px;
	line-height: 37px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;} 
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}

.contact-div {height:700px !important;}

.flexslider .slides > li {height:160px;}
.flexslider .slides img {max-width:150px; position:absolute; margin:auto; top:0; bottom:0;}
.flex-viewport { float:none; margin:0 auto;}