@media (max-width: 480px) {
body { 	padding: 0; }
#bio {	margin-top: 0 !important; padding: 50px 20px !important; }
#bio .bioDtl h1 { font-size: 52px; }
#bio p { font-size: 14px;}
#work, #contact { padding: 50px 20px !important; }
#work .workDtl h2, #contact .contactDtl h2 { font-size: 32px !important;}
.contactDtl p { padding-bottom: 50px;}
.navbar-fixed-top { margin: 0; }
.separator { margin: 50px 0 80px 0 !important; }
.contact-item span { background: #fff; font-size: 14px; padding: 5px 20px 7px !important; border-radius: 0 5px 5px 0; }
.item-icon { background: #1abc9c; border-radius: 5px 0 0 5px; width: 20px; }
}
 @media (max-width: 797px) {
body { 	padding: 0; }
#bio {	margin-top: 0 !important; }
#bio, #work, #contact { padding: 50px 20px !important;}
.navbar-fixed-top { margin: 0; }
#contact .contactDtl h2 { font-size: 32px; margin-top: 80px; font-size: 42px; }
.contactDtl p { padding-bottom: 50px;}
}
 @media (max-width: 979px) {
body { padding: 0; }
.navbar-fixed-top { margin-bottom: 0; }
#bio { margin-top: 0 !important; text-align: center;  }
.nav { margin: 0 !important; }
.navbar .nav > li > a { padding: 10px !important; }
.navbar-fixed-top .navbar-inner{ z-index: 100; font-size:14px; position: fixed; width: 100%; padding: 0; }
}





a, a:visited { 
color:#1abc9c;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}


a:hover, a:active { 
color:#2C3E50;
text-decoration: none;
}

body{ 
background: #ecf0f1;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 30px;
color: #fff;
}

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin: 0;}

.row-fluid .span3 {
margin-bottom: 30px;
}

.navbar .brand {
	padding: 3px 20px;
}

.navbar-inner {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #1ABC9C;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
          border-radius: none;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar .nav > .active > a:focus {
	background: #fff !important;
}

.navbar .nav > li > a {
float: none;
padding: 10px 60px 10px;
color: #fff;
text-decoration: none;
text-shadow: none;
}

.navbar .nav > li > a:hover {
color:#fff;
background: #16a085;
text-decoration: none;
-webkit-box-shadow: none;
}

.navbar .nav > .active > a {
color: #1ABC9C;
background-color: #fff;
text-decoration: none;
box-shadow: none;
}

.navbar .nav > .active > a:hover{
color: #1ABC9C;
text-decoration: none;
background-color: #fff;
box-shadow: none;
}


#bio {
	background: url(../images/bg.jpg) no-repeat center center transparent;
	background-size: cover;
	min-height: 650px;
	text-align: center;
}
#bio p {
	font-size: 16px;
	margin-top: 20px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.3);
	border-bottom: solid 4px #1abc9c;
}
.bioDtl {
	padding: 180px 0 0;
}
#bio .bioDtl span {
	color: #1abc9c;
}
.bioDtl h1 {
	font-size: 60px;
	line-height: 60px;
	text-shadow: 0 0 16px #000;
	padding: 20px 0;
}






#work {
	padding: 100px 0;
	background: #1ABC9C;
	color: #fff;
	text-align: center;
	text-shadow: 0 2px 2px #16a085;
}
.workDtl {
}
.workDtl h2 {
	font-size: 52px;
}
#work small{
	color: #fff;
	display: block;
	text-transform: lowercase;
	margin: -17px auto 0 auto;
	width: 30%;
	padding: 1px;
	background: rgba(22, 160, 133, 0.9);
	border-radius: 3px;
}

#work .work-item {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
}

#work .work-item .work-hover {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: -6px;
left: -6px;
border: 6px solid rgba(255,255,255,0.5);
opacity: 0;
z-index: 1;
-webkit-transition: .2s ease-in-out all;
-moz-transition: .2s ease-in-out all;
-o-transition: .2s ease-in-out all;
transition: .2s ease-in-out all;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
#work .work-item:hover .work-hover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}








#contact {
 background:url(../images/bg-section-behind.jpg) top center repeat-x;
 padding: 100px 0;
 color: #2C3E50;
}
.contactDtl {
	text-align: center;
}
.contactDtl p {
	padding-bottom: 50px;
}
.contact-item {
	font-size: 14px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.item-icon {
	width: 24px;
	background: #1abc9c;
	padding: 5px 10px;
	border-radius: 3px 0 0 3px;
}
.contact-item span {
	background: #fff;
	padding: 7px 20px 10px;
	border-radius: 0 5px 5px 0;
}

#contact-submit {
	color: #fff;
	background: #1abc9c url(../images/send-mail.png) no-repeat 115px 5px;
	padding: 10px 50px 10px 10px;
	text-shadow: none;
	transition: background .4s !important;
	-webkit-transition: background .4s !important;
	-moz-transition: background .4s !important;
	-0-transition: background .4s !important;
}
#contact-submit:hover {
	background: #1D2936 url(../images/send-mail.png) no-repeat 124px 5px;
}

.contactForm {
	margin-top:50px;
	position: relative;
}
.contactDtl h2 {
	font-size: 52px;
	text-align:center;
	text-shadow: 0 2px 2px #fff;
	margin-top: 50px;
}
.controls > input, textarea {
	color: #1D2936;
	border-radius: 5px;
	border: solid 1px #ddd;
	padding: 10px 15px;
	margin-bottom: 10px;
}

input:focus, textarea:focus {
	border-color: rgba(52, 73, 94, 0.5);
	box-shadow: 0 0 10px rgba(29, 41, 54, 0.3);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
}

.controls button {
	border-radius: 3px !important;
	padding: 10px;
	border-radius: 0;
	background: none;
	color: #fff;
	text-shadow: 0 0 1px #000;
	border: 0;
	background-color: #1D2936 !important;
	transition: background-color .4s !important;
	-webkit-transition: background-color .4s !important;
	-moz-transition: background-color .4s !important;
	-0-transition: background-color .4s !important;
}

.mail_response {
	background: rgba(189, 195, 199, 0.2);
	color: #34495e;
	padding: 20px;
	border: solid 1px rgba(189, 195, 199, 0.3);
}

.name-missing, .email-missing, .message-missing {
	font-size: 12px;
	padding: 5px 10px;
}




#rights {
 background:#1D2936;
 padding: 50px 0;
 color: #fff;
 text-align: center;
}
.rightsDtl {
}










.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1050;
width: 90%;
margin: 0 5%;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 0;
outline: none;
}
.modal a{
	color: #1ABC9C;
}
.modal-body {
color: #ccc;
text-align: center;
}
.modal-body img {
	margin-bottom: 30px;
}
.modal-header {
	padding: 20px;
	border-bottom: 1px solid #111;
}
.modal-footer {
	font-size: 14px;
	color: #999;
	text-align: left;
	padding: 14px 15px 5px;
	background-color: rgba(0, 0, 0, 0.6);
	border-top: 1px solid #111;
	box-shadow: none;
}

button.close {
	background: #1ABC9C;
	padding: 5px 10px;
	font-weight:normal;
}
.close {
	opacity: 1;
	text-shadow: none;
}
.close:hover, .close:focus {
	background: #222;
	opacity: 1;
	color: #1ABC9C;
	border: none;
}



.separator {
	background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0) 0,#fff 20%,#fff 80%,rgba(255, 255, 255, 0) 99%);
	background: -moz-linear-gradient(left,rgba(255, 255, 255, 0) 0,#fff 20%,#fff 80%,rgba(255, 255, 255, 0) 99%);
	background: -o-linear-gradient(left,rgba(255, 255, 255, 0) 0,#fff 20%,#fff 80%,rgba(255, 255, 255, 0) 99%);
	background: -ms-linear-gradient(left,rgba(255, 255, 255, 0) 0,#fff 20%,#fff 80%,rgba(255, 255, 255, 0) 99%);
	background: linear-gradient(left,rgba(255, 255, 255, 0) 0,#fff 20%,#fff 80%,rgba(255, 255, 255, 0) 99%);
	
	display: block;
	height: 1px;
	float: left;
	clear: both;
	margin: 100px 0 80px 0;
	width: 100%;
}