/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.left{
	float: left;
}
.right{
	float: right;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}



@font-face {
    font-family: "labtop";
    src: url(../fonts/LABTOPB_.ttf) format("truetype");
}
@font-face {
    font-family: "basictitlefont";
    src: url(../fonts/basictitlefont.ttf) format("truetype");
}
body{
    font-family: labtop !important;
	background-color: #000000 !important;
	overflow-y:scroll;
	overflow-x:hidden;
	/* Ar_dennis_jacob_200.jpg */
	background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.8) 100%), url("../images/dennisAr_school-min.jpg") no-repeat fixed 0 0 / cover  rgba(0, 0, 0, 0);
	background-attachment: fixed;
}

body { margin: 0; padding: 0 }


h1, h2, h3, h4{
    font-family: labtop !important;
}
ul, ol {
    list-style: outside none none;
}
a:focus{
	outline: none;
}
.clear-both{
	clear: both;
}
#sec-team{
	clear:both;
} 
#sec-team-mobile{
	clear:both;
} 

#navbar a, footer, section {display: none;}

.active a{
	color: #993333 !important;
}
#cboxOverlay{background:rgba(0,0,0,0.9); opacity: 0.9; filter: alpha(opacity = 90);}

.mobile-logo{
	display: none;
}
.bxslider{
	opacity:0;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #000000;
    border: 0px solid #000000 !important;
    box-shadow: none;
    left: 0;
    transform: translateZ(0px);
}
.bxslider{
	padding:0px;
	margin:0px;
}
.bxslider span{
	padding:0px;
	margin:0px;
}
.bxslider img{
	padding:0px;
	margin:0px;
	width: 100%;
}


.bx-wrapper .bx-caption {
    background: none ;
	text-align: center;
    top: 40%;
	left:auto;
	bottom:auto;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-caption span {
    background: none;
    color: #ffffff;
    display: block;
    font-family: labtop !important;
    font-size: 120px;
    font-weight: 100;
    letter-spacing: 30px;
    padding: 10px;
}

.navbar-brand {
    padding: 10px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    font-family: labtop;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 4px;
    text-transform: uppercase;
}

#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
	text-transform: uppercase;
	color: #993333;
    font-size: 75px;
    font-weight: 400;
	letter-spacing: 18px;
	margin-top: 0px;
}
#firm p, #axiom p, #team p, #career p, #contact p, #works p{
	color: #e2e2e2;
    font-family: basictitlefont;
    font-size: 22px;
    font-weight: 400;
    text-align: justify;
}
#firm h2{
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}
#firm p{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	padding : 20px;
	margin:0;
	text-transform: lowercase !important;
}
#axiom p, #career p, #contact p{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	padding: 20px;
    margin: 0;
}
.left_space{
	float:left;
	width: 29%;
	text-align: center;
}
.right_space{
	float:left;
	width: 67%;
}
#firm .left_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
	/*padding-left: 105px;
	padding-right: 105px;*/
	padding-bottom: 100px;
}
#axiom .right_space{
	padding-bottom: 40px;
}
#firm .left_space{
	padding-top: 412px;
}
#firm .right_space{
    padding-top: 412px;
	margin-bottom: 60px;
}
#contact .left_space{
	padding-top: 20px;
}
#axiom .left_space{
        padding-top: 60px;
}
#axiom .right_space{
        padding-top: 60px;
}
#career {
	padding-top: 60px;
}
#contact .right_space {
    padding-top: 10px;
}
#contact .right_space p{
	text-align: center;
}
#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
	/*float: left;
	width: 50%;*/
}
span.color-red{
	color: #993333;
}
span.color-red strong{
	font-size: 28px;
}
span.color-white{
	color: #ffffff;
}
span.lowercase{
    text-transform: lowercase;
}
#firm{
	//background: url("../images/Ar_dennis_jacob_200.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
	background-attachment: fixed;
}
#axiom{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
}
#team{
	background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
	background-attachment: fixed;
	position: relative;
	z-index: -1;
}
#team img{
	width: 100%;
}
#career{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
}
.mailid-career {
    font-family: labtop !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    letter-spacing: 5px;
}
#inmedia{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
}
#news{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;
}
#contact{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow: auto;

}
span.mailid-contact{
	font-family: labtop;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 2px;
}
#sec-contact{
	padding: 60px 40px;
	margin-bottom: 30px;
}
#map_canvas {
	height: 300px;
	margin-bottom: 30px;
	margin-top: 60px;
}
#works{
	//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	overflow:hidden;
	padding-top: 100px;
	text-align: center;
}
#works .left_space{
	padding-top: 30px;
}
#works .right_space{
	padding-top: 50px;
}
#work-display img{
	transition: all 1.5s ease-in-out;
	width: 100%;	
	opacity: 1;
  	-webkit-transition: all 1.5s ease-in-out;
  	    display: block;

    -webkit-animation: fadeInFromNone 3s ease-out;
    -moz-animation: fadeInFromNone 3s ease-out;
    -o-animation: fadeInFromNone 3s ease-out;
    animation: fadeInFromNone 3s ease-out;
}
#work-display .col-lg-6{
    padding: 0;
    overflow: hidden;
}    
#work-display img:hover{
	transform: scale(1.1);
}
.animate-box{
	opacity: 1;
}


@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

footer {
	//border-top: 2px solid #993333;
	background: none repeat scroll 0 0 #000000;
	font-family: basictitlefont;
}
footer .footer-line {
	text-align: center;
	padding: 40px 10px;
}
footer a.social-icon{
	margin: 0 20px;
}	
footer a.social-icon i{
	font-size: 38px;
	/*color: #4260B4;*/
	color: #993333;
}
footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
	/*color: #b9b9b9;*/
}
footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
	color: #ffffff;
}

footer p{
    margin-top: 30px;
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
}
footer .powered{
	background: none repeat scroll 0 0 #222222;
	overflow: auto;
}
footer .powered p{
	margin:0px;
	font-size: 14px;
	padding:5px 10px;
	text-align: right;
}
#works-display{
	background: none repeat scroll 0 0 #000000;
    border-bottom: 2px solid #993333;
    border-top: 2px solid #993333;
    padding: 30px;
	text-align:center;
}
.masonry-container{
	clear:both;
	margin: 0 auto;
}
.mobile-container{
	display:none !important;
	clear:both;
	margin: 0 auto;
}
.inner {
   // background: url("../images/mesh.png") repeat scroll 0 0 rgba(0, 0, 0, 0.0);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.gallery{
	//display: inline-block;
}
a.gallery img {
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.gallery img {
    float: left;
    margin-bottom: 5px;
	margin-right: 5px;
}
.grid-sizer{
	width: 100%;
}

.pixel-1659{
	display: none !important;
}

@media(max-width:319px){
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 150px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 100px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 100px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.navbar-brand {
		display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p, #career p, #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
		text-align: justify;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		//padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 500px;
		background-size: 100%;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}
@media(min-width:320px) and (max-width: 479px){
	body{
		font-family: labtop !important;
background: transparent;
		overflow-y:scroll;
		overflow-x:hidden;
	}

	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 220px;
	}

	
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 50px;
	}
	#sec-career{
		padding-top: 50px;
	}
	#sec-contact{
		margin-top: 50px;
	}
	.navbar-brand {
		display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p, #career p, #contact p, #works p{
		color: #ffffff;
		font-family: basictitlefont;
		font-size: 18px;
		font-weight: 400;
		text-align: justify;
	}
	#firm h2{
		padding:0px;
	}
	#firm p, #axiom p, #career p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
		background-size: 100%;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 40px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding: 2px;
		text-align: center;
		float: none;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}	
}
@media(min-width:480px) and (max-width: 767px){
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p, #career p, #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
		text-align: justify;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
		background-size: 100%;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}
@media(min-width:768px) and (max-width: 991px){
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}


	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		display: block;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p, #career p, #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
		text-align: justify;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
		background-size: 100%;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}
@media(min-width:992px) and (max-width: 1199px){

}
@media(min-width:1400px) and (max-width: 1659px){
	.pixel-1659{
		display: block !important;
	}


}







/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}

	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
		background-size: 100%;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}
	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	body{
		font-family: labtop !important;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		overflow-y:scroll;
		overflow-x:hidden;
	}

	.inner {
		display: none;
	}

	
	#slider{
		display: none;
	}	
	.mobile-logo{
		display: block;
		margin-top: 0px;
	}
	#sec-firm{
		margin-top: 150px;
	}
	#sec-axiom{
		padding-top: 10px;
		margin-bottom: 100px;
	}
	#sec-career{
		padding-top: 20px;
		margin-bottom: 100px;
	}
	#sec-contact{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-brand {
		//display: none;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar-toggle{
		float:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #FFFFFF;
		font-family: labtop;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	#firm h2, #axiom h2, #team h2, #team-mobile h2, #career h2, #contact h2, #works h2{
		text-transform: uppercase;
		color: #993333;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 12px;
		margin-top: 0px;
	}
	#firm p, #axiom p, #team p,  #contact p, #works p{
		color: #e2e2e2;
		font-family: basictitlefont;
		font-size: 16px;
		font-weight: 400;
	}
	#career p{	
		text-align: center;
	}
	#firm h2{
		padding:0px;
	}
	#firm p{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
		padding : 10px 10px 20px 10px;
		margin:0;
		text-transform: lowercase !important;
	}
	.left_space{
		float:none;
		//border-right: 8px solid #993333;
		width: 100%;
		text-align: center;
	}
	.right_space{
		float:none;
		width: 100%;
	}
	#firm .right_space, #axiom .right_space, #team .right_space, #career .right_space, #inmedia .right_space, #news .right_space, #contact .right_space, #works .right_space {
		padding-left: 3px;
	}
	#firm .left_space, #axiom .right_space, #team .left_space, #career .left_space, #inmedia .left_space, #news .left_space, #contact .left_space{
		padding-bottom: 10px;
	}
	#firm .left_space{
		padding-top:10px;
	}
	#firm .right_space{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#team .left_space{
		padding-top: 10px;
	}
	#contact .left_space{
		padding : 10px 10px 20px 10px;
	}
	#axiom .left_space{
		padding-top: 10px;
	}
	#axiom .right_space{
		padding : 10px 10px 20px 10px;
	}
	 #career .left_space{
		padding-top: 10px;
	}
	#career .right_space {
		padding : 10px 10px 20px 10px;
	}
	#contact .right_space {
		padding-top: 10px;
	}
	#contact .right_space p{
		text-align: center;
	}
	#contact .right_space .cochin-office, #contact .right_space .thrissur-office{
		float: none;
		width: 100%;
	}
	span.color-red{
		color: #993333;
	}
	span.color-white{
		color: #ffffff;
	}
	span.lowercase{
		text-transform: lowercase;
	}
	#firm{
		background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
	}
	#axiom{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#team{
		background: url("../images/team-color.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
		background-attachment: fixed;
		position: relative;
		z-index: -1;
		height: 600px;
	}
	#team img{
		width: 100%;
	}
	#career{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	.mailid-career {
		font-family: labtop !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		letter-spacing: 5px;
	}
	#inmedia{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#news{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	#contact{
		//background: url("../images/bg1.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		overflow: auto;
	}
	span.mailid-contact{
		font-family: labtop;
		font-size: 25px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	#sec-contact{
		padding: 10px 20px;
		background: #000000;
	}
	#map_canvas {
		height: 300px;
	}
	#works{
		overflow:hidden;
		text-align: center;
		padding-top: 0px;
	}
	#works .left_space{
		padding-top: 30px;
	}
	#works .right_space{
		padding-top: 50px;
	}

	footer {
		//border-top: 2px solid #993333;
		background: none repeat scroll 0 0 #000000;
		font-family: basictitlefont;
	}
	footer .footer-line {
		text-align: center;
		padding: 40px 10px;
	}
	footer a.social-icon{
		margin: 0 20px;
	}
	footer a.dennis-facebook, footer a.dennis-youtube, footer a.dennis-instagram, footer a.dennis-linkedin{
		color: #993333;
	}
	footer a.dennis-facebook:hover, footer a.dennis-youtube:hover, footer a.dennis-instagram:hover, footer a.dennis-linkedin:hover{
		color: #ffffff;
	}

	footer p{
		margin-top: 30px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	footer .powered{
		background: none repeat scroll 0 0 #222222;
	}
	footer .powered p{
		margin:0px;
		font-size: 14px;
		padding:5px 10px;
		text-align: right;
	}
	#works-display{
		background: none repeat scroll 0 0 #000000;
		border-bottom: 2px solid #993333;
		border-top: 2px solid #993333;
		padding: 15px;
	}
	.masonry-container{
		display:none !important;
	}
	.mobile-container{
		display:block !important;
		overflow:auto;
	}
	a.gallery img {
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
	}
	.gallery img {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		margin-right: 5px;
	}
}


/* Portrait */
@media only screen and (min-device-width: 950px) and (max-device-width: 1280px) and (orientation: portrait){
	#works-display {
		overflow: auto;
		clear: both;
	}
	#slider{
		display: none;
	}
	#firm{
		background: none;
		margin-top: -175px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 950px) and (max-device-width: 1280px) and (orientation: landscape){
	#team {	
	 	background: url("../images/team-color.jpg") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
		background-size: 100%;	
	}
    #works-display {
		overflow: auto;
		clear: both;
	}
	#slider{
		display: none;
	}	
	#firm{
		background: none;
		margin-top: -175px;
	}
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}