/*-------------------------------------------------------*/
	/* Media Queries */
/*-------------------------------------------------------*/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

/* Common section starts */
.container{ width:740px; padding:0px 5px;  }
#home_static .more_bg img, .more_bg img, .more_bg img{
	width:150px;
	height:69px;
}
/* // Common section */

/* Home static starts */
#home_static .container{ height:300px;}
#home_static .home_title{ font-size:28px; line-height:25px;}
#home_static .home_title span{ font-size:28px; line-height:25px;}
#home_static .home_subtitle { font-size: 16px;}
/* // Home static */

/* Home sequence starts */
#home_sequence .more_bg img{ margin-top:-100px;}
/* // Home sequence */


/* // Home */

/* Logo starts */
#logo .logo{	
	float: right;
	width: 320px;
	height: 45px;
}
/* // Menu */

/* Menu starts */
#menu .menu_right{ width:76%;}
#menu ul.arrowunderline li{font-size:14px; padding:0px 10px 0px 10px; }
/* // Menu */

/* About starts */
#about h2 span{ width:76.7%;}
.about_left{ width:90%; }
.small_circle{ margin-left:6px;}

/* Features starts */
#features li { width:25%;}
#features img { width:90%; height:auto;}

/* // Features */

/* // About */

/* Services starts */
#services h2 span{width:69.4%;	background: url(../images/dot_bg4.png);}
.service_contentleft{ clear:both;  width:100%; margin:0px 250px; }
.service_contentright{ clear:both; width:100%; margin:60px 0px 0px 0px; }
.service_round{ width:45px; height:45px; float:left; }
.numbers{font-size:22px; line-height:10px; }
/* Clientslide starts */
.clientslide_content{ width:750px; }
.clientslide_carousel li{ margin-right:7px; }
.jcarousel-next, .jcarousel-prev { margin-top:5px;}
/* // Clientslide */
/* // Services */

/* Teams starts */
#team h2 span { width:76%;}
#teams li{width:44.6%;margin-left:0;}
#teams li:first-child{ margin-left:0; }
.team_contentright{ width:60%; float:left; height:auto; }
.team_contentleft{ width:34%; float:left; height:auto; }

/* // Teams */ 

/* News starts */
#news h2 span { width:85.5%;}
.news li{width:30.6%; height:auto; float:left; margin:25px 15px 18px 15px;}
/* // News */


/* Portfolio starts */
#portfolio h2 span{ width:65%;}
#portfolio .portfolio_top{ clear:both; margin:0; padding:45px 0px 0px 0px;}
/* // Portfolio */

/* Career starts */
#career h2 span{ width:82%;}
.career_left{ width:90%; }
/* // Career */

/* Contact starts */
#contact h2 span{ width:77.6%;}
#contact iframe{ width:100%; height:230px;}
#contact .contact_left{ width:100%; height:auto; clear:both;}
#contact .contact img {padding-top:30px;}
#contact .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 10px; }
#contact input[type="text"], #contact textarea{width:40%;}
#contact input[type="submit"]{ margin-left:100px; 	width:100px; height:100px; font-size:18px;}
#contact #respond {height:450px;}
#contact #respond label.error{ margin:0px 0px 0px 10px; }
#contact #company p.address{  font-size:14px; }
#contact #company ul.personal{ font-size:14px;}
/* // Contact */
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* Common section starts */
.container{ width:460px; padding:0px 5px; }
#right_nav { display:none;}
#home_static .more_bg img,  .more_bg img, .more_bg img{
	width:120px;
	height:55px;
}
/* // Common section */

/* Home static starts */
#home_static .container{ height:265px;}
#home_static .home_title{ font-size:25px; line-height:25px; }
#home_static .home_title span{ font-size:25px; line-height:15px;}
#home_static .home_subtitle { font-size: 14px;}
/* // Home static */

/* // Home */

/* Logo starts */
#logo .logo{	
	float: right;
	width: 290px;
	height: 45px;
}
/* // Logo */

/* Menu starts */
#menu .menu_nav { padding-top:0px; margin:5px 10px 0px 0px; }
#menu #nav_wrap { position:relative; float:right; }
/* menu Icon starts */
#menu #menu_icon {
	width:100px;
	height:30px;
	background:rgba(255, 255, 255, 0.5) url(../images/menu_icon.png) no-repeat 10px center;
	padding:7px 10px 0 42px;
	cursor:pointer;
	-moz-box-shadow:10px 10px 5px #656565;
    -webkit-box-shadow:10px 10px 5px #656565;
	box-shadow:1px 1px 1px #656565;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:block; /* show menu icon */
}
#menu #menu_icon:hover { background-color:#ffffff;}
#menu #menu_icon.active { background-color:#ffffff;}
/* main nav */
#menu #nav {
	clear:both;
	position:absolute;
	top:45px;
	width:100px;
	z-index:10000;
	padding:5px 5px 5px 5px;
	background:#0090ba;
	border:1px solid #1a9cc1;
	moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:none; /* visibility will be toggled with jquery */
}
#menu #nav li { clear:both; float:left; margin:-10px 0px -10px 10px; padding:0px; border-right:none; font-size:12px;}
#menu #nav li:hover {cursor:pointer; }
#menu #nav li:hover:after, ul.arrowunderline li#selected:after { 
	content:'';
	width:0;
	height:0;
	position:absolute;
}
#menu #nav li#selected{  cursor:pointer; border:hidden; }
#menu #nav a, #nav ul a { font:inherit; background:none; display:inline; padding:0; border:none; }
#menu #nav a:hover, 
#menu #nav ul a:hover { background:none; }
	/* dropdown */
#menu #nav ul { width:auto; position:static; display:block; border:none; background:inherit; }
#menu #nav ul li { margin:3px 0 3px 0px; }
/* // Menu */

/* About starts */
#about h2 span{width:62%;}
.about_left{ width:100%; clear:both;}

/* Features starts */
#features li{ width:49.7%; margin:0; }
#features img { width:90%; height:auto;}
.box_content {
	padding: 10px 10px;
}
/* // Features */

/* // About */

/* Services starts */
#services h2 span{width:50.2%;	background: url(../images/dot_bg4.png);}
#services .service_contentleft{  width:100%; margin:0px 80px; }
#services .service_contentright{ clear:both; width:100%; margin:60px 0px 0px 0px; }
#services .service_round{ width:42px; height:42px; float:left; }
#services .round_content{width:75%; float:left; }
#services .numbers{font-size:20px; line-height:10px; }
.service_circle5{ margin:30px 0px 0px 160px; }
/* Clientslide starts */
#services .clientslide_content{ width:550px; }
.clientslide_carousel li{ width: 165px; height: 125px; }	
.clientslide_carousel li img{ width:165px; }
.jcarousel-next, .jcarousel-prev { margin-top:5px;}
/* // Clientslide */
/* // Services */


/* Team starts */
#team h2 span{width:60.8%;}
#teams li{width:60%; margin-left:0; }
#teams li:first-child{ margin-left:0; }
.team_contentright{ width:100%; float:left; height:auto; }
.team_contentleft{ width:70%; float:left height:auto; }
/* // Team */

/* News starts */
#news h2 span{width:76.2%;}
.news li{width:45.1%;}
.news li:last-child{ clear:both;  margin-left:0; }
/* // News */


/* Portfolio starts */
#portfolio h2 span{width:42%;}
#portfolio .portfolio_top{ clear:both; margin:0; padding:40px 0px 0px 0px;}
#portfolio #portfolio_filter li a{ font-size:13px;}
#portfolio #portfolio_list li{ margin:30px 0px 0px 0px;}
/* // Portfolio */

/* Career starts */
#career h2 span{width:70%;}
.career_left{ width:100%; clear:both;}
/* // Career */

/* Contact starts */
#contact h2 span{width:63.5%;}
#contact iframe{ width:100%; height:210px;}
#contact .contact_left{ width:100%; height:auto; clear:both;}
#contact .contact img {padding-top:30px;}
#contact .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 0px; }
#contact input[type="submit"]{ margin-left:120px; width:90px; height:90px; font-size:16px;}
#contact #respond {height:450px;}
#contact #respond label.error{ margin:0px 0px 0px 10px; }
#contact #company p.address{ margin-right: 20px; width:45%; height:auto; float:left; font-size:13px; }
#contact #company ul.personal{ font-size:13px;}
/* // Contact */

/* Footer starts */
#footer {
	background-color: #000000;
	background-repeat: repeat;
	width: 100%;
	height: 160px;
}
/* // Footer */

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
/* Common section starts */
.container{ width:290px; padding:0px 5px;}
#right_nav{ display:none;}
#home_static .more_bg img, #home_sequence .more_bg img, #home_superslide .more_bg img{ 
	width:120px;
	height:55px;

}
/* // Common section */

/* Home static starts */
#home_static .container{ height:300px;}
#home_static .home_title{ font-size:16px; line-height:30px; }
#home_static .home_title span{ font-size:20px; line-height:30px; }
#home_static #to_cluster{ display:none;}
.home_bottomline{ display:none;}
.home_topline{ margin-bottom:25px; margin-top:30px;  }
#home_static .more_bg img{ margin-top:30px;}
/* // Home static */

/* Home sequence starts */
#home_sequence .more_bg img{ margin-top:30px;}
/* // Home sequence */

/* Home superslide starts */
#home_superslide .container{ height:380px;}
/* // Home superslide */

/* // Home */

/* Logo starts */
#logo .logo{	
	float: right;
	width: 290px;
	height: 45px;
}
/* // Logo */

/* Menu starts */
#menu .menu_nav { padding-top:0px; margin:5px 10px 0px 0px; }
#menu #nav_wrap { position:relative; float:right; }
/* menu icon */ 
#menu #menu_icon {
	width:100px;
	height:30px;
	background:rgba(255, 255, 255, 0.5) url(../images/menu_icon.png) no-repeat 10px center;
	padding:8px 10px 0 42px;
	cursor:pointer;
	-moz-box-shadow:10px 10px 5px #656565;
    -webkit-box-shadow:10px 10px 5px #656565;
	box-shadow:1px 1px 1px #656565;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:block; /* show menu icon */
}
#menu #menu_icon:hover { background-color:#ffffff;}
#menu #menu_icon.active { background-color:#ffffff;}
/* main nav */
#menu #nav {
	clear:both;
	position:absolute;
	top:45px;
	width:100px;
	z-index:10000;
	padding:5px 5px 5px 5px;
	background:#0090ba;
	border:1px solid #1a9cc1;
	moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:none; /* visibility will be toggled with jquery */
}
#menu #nav li { clear:both; float:left; margin:-10px 0px -10px 10px; padding:0px; border-right:none; font-size:12px;}
#menu #nav li:hover {cursor:pointer; }
#menu #nav li:hover:after, ul.arrowunderline li#selected:after { 
	content:'';
	width:0;
	height:0;
	position:absolute;
}
#menu #nav li#selected{  cursor:pointer; border:hidden; }
#menu #nav a, #nav ul a { font:inherit; background:none; display:inline; padding:0; border:none; }
#menu #nav a:hover, 
#menu #nav ul a:hover { background:none; }
	/* dropdown */
#menu #nav ul { width:auto; position:static; display:block; border:none; background:inherit; }
#menu #nav ul li { margin:3px 0 3px 0px; }
/* Menu end */

/* About starts */
#about h2 span{width:39%;}
.about_left{ width:100%; clear:both;}

/* Features starts */
#features li{ width:50%; margin:0; }
#features img { width:100%; height:auto;}
.box_content {
	padding: 5px 5px;
}
/* // Features */
/* // About */

/* Services start */
#services h2 span{width:22%;}
.service_contentright{ clear:both; width:100%; }
.service_contentleft{  width:100%; margin:0px 50px; }
/* Services end */

/* Team starts */
#team h2 span{width:38%;}
#teams li{width:80%; margin-left:0; }
#teams li:first-child{ margin-left:0;}
.team_contentright{ width:100%; float:left; height:auto; padding-bottom:10px; }
.team_contentright h4{ text-align:left; }
.team_contentleft{ width:70%; float:left height:auto; }
/* // Team */

/* News starts */
#news h2 span{width:66%;}
.news li{width:100%;}
.news li:nth-child(2), .news li:nth-child(3){ clear:both;  margin-left:0; }
/* // News */


/* Portfolio starts */
#portfolio h2 span{width:10%;}
#portfolio #portfolio_filter li a{ font-size:12px; 	margin-right:5px;}
#portfolio #portfolio_list { width:300px; margin:0px 15px 0px 25px; }
#portfolio .portfolio_top{ clear:both; margin:0; padding:35px 0px 0px 0px;}
/* // Portfolio */

/* Career starts */
#career h2 span{width:50%;}
.career_left{ width:100%; clear:both;}
/* // Career */

/* Contact start */
#contact h2 span{width:46%;}
#contact iframe{ width:100%; height:180px;}
#contact .contact_left{ width:100%; height:auto; clear:both;}
#contact .contact img {padding-top:30px;}
#contact .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 0px; }
#contact input[type="text"], #contact textarea{width:70%;}
#contact input[type="submit"]{ margin-left:100px; width:80px; height:80px; font-size:14px; }
#contact .form-left{ width:15%; float:left;}
#contact #respond {height:450px;}
#contact #respond label.error{ margin:0px 0px 0px 10px;}
#contact #company p.address{ width:100%; height:auto; clear:both; font-size:16px;}
#contact #company ul.personal{ padding:20px 0px 0px 0px; clear:both; font-size:16px;}



/* Contact end */

/* Footer starts */
#footer {
	background-color: #000000;
	background-repeat: repeat;
	width: 100%;
	height: 200px;
}
/* // Footer */

}