/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: trinity.*/
/* Author: Designova.*/
/* Website: http://www.designova.net */
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/

.testimonial-carousel h6 {font-size: 2.4em; line-height: 1.6;}

.testimonial-carousel p {font-size: 1.6em;}

.show-print {display: none;}

a {-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;}

.email-wrap a:hover {color: #CC9900 !important; font-size: 200%;}



@media print {
	.res-body { padding: 0; margin: 0; line-height: 1.2;}
	.btn-trinity-dark {width: 90% !important; }
	section, .row {margin: 0 !important;}
	.grid-col {width: 76% !important; margin: 0 0 20% 0 !important;}
	.chev-icon-one {color:#c18d02 !important }
	.section {margin: 0 !important; width: 90%;}
	.show-print {display: inline-block;}
	
	.btn-sm {width: 80% !important;}
	
	p, .res-body {font-size: 10pt !important; text-align: left !important; }
	.res-body-b {margin: 0 0 22px 0 !important; font-size: 8pt !important;}
	
	.menu, footer, .res-rule, .hide-print, .resume-head, .accent-two {display: none !important;}
	
	.inner-section {text-align: left !important; }
	
	.fa-ul {text-align: left !important; font-size: 10pt;}
	
	.blt-items {text-align: left !important; font-size: 10pt;}
	
	.add-top-quarter {padding: 0 !important; margin: 0 !important;}
	
	.blt-items h4 {line-height: 1.2 !important}
	
	
  a:after {
    content: "("attr(href)")";
  }
	

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 96%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 2.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }	
	
	
}

/*@page:first {
    margin: 0cm;
}
@page:last {
    margin: 5cm;
}
@page:left {
    margin: 2cm 1.5cm 2cm 2cm;
}
@page:right {
    margin: 2cm 2cm 2cm 1.5cm;
}
*/


/*Huge Displays*/
@media (min-width: 3000px) {
	 
	.team-block-wrap{
		padding: 260px 300px;
	}
	#sm-trigger{
		display: none;
	}
		.fl-hold {
		text-align:left;
		margin-left:5%;
}

}

/*Projector Screens and Ver Large Monitors*/
@media (min-width: 2561px) {
	.team-block-wrap{
		padding: 260px 300px;
	}
	  
	#sm-trigger{
		display: none;
	}
		.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*iMac 27, HD Screens and Large Monitors*/
@media (min-width: 1921px) and (max-width: 2560px) {
	.team-block-wrap{
		padding: 260px 300px;
	}
	 
	#sm-trigger{
		display: none;
	}
		.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*Large Widescreen Monitors*/
@media (max-width: 1920px) {
	.team-block-wrap{
		padding: 160px 200px;
	}
	#sm-trigger{
		display: none;
	}
		.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*Medium Widescreen Monitors*/
@media (max-width: 1680px) {

	.team-block-wrap{
		padding: 160px 200px;
	}
	#sm-trigger{
		display: none;
	}
	.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*Large Widescreen Laptops*/
@media (max-width: 1440px) {
	.team-block-wrap{
		padding: 80px 120px;
	}
	#sm-trigger{
		display: none;
	}
	.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*Common Widescreen Laptops*/
@media (max-width: 1366px) {
	.team-block-wrap{
		padding: 80px 120px;
	}
	#sm-trigger{
		display: none;
	}
	.fl-hold {
		text-align:left;
		margin-left:5%;
}
}


/*Very Large Tablets and Medium Laptops*/
@media (max-width: 1280px) {
	.team-block-wrap{
		padding: 80px 120px;
	}
	#sm-trigger{
		display: none;
	}
}

/*Notebooks and Small Laptops*/
@media (max-width: 1152px) {
	.team-block-wrap{
		padding: 80px 120px;
	}
	#sm-trigger{
		display: none;
	}
	.fl-hold {
		text-align:left;
		margin-left:5%;
}
}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
	.grid-col {padding: 12px 32px; }
	.container{
	    max-width: 800px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.btn{
		width: 100%;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	#sm-trigger{
		display: block;
	}
	.fl-hold {
		text-align:left;
		margin-left:5%;

}
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px) {
	
	.grid-col {padding: 12px 32px; }
	.container{
	    max-width: 800px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 80px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
		font-size: 24px;
		line-height: 31px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-inner{
		text-align: center;
	}
	.team-thumb{
		display: inline-block;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:4%;
}
	
}

/*Medium Tablets */
@media (max-width: 800px) {
	
	.grid-col {padding: 12px 22px; }
	  .container{
	    max-width: 668px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 60px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
		font-size: 24px;
		line-height: 31px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-inner{
		text-align: center;
	}
	.team-thumb{
		display: inline-block;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 36px;
    	line-height: 48px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 28px;
		line-height: 35px;
	}
	.intro-02 h6 {
    	font-size: 24px;
    	line-height: 36px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 42px;
	    line-height: 54px;
	}
	.intro-03 h4 {
	    font-size: 28px;
	    line-height: 38px;
	}
	.intro-04 h3 {
    	font-size: 36px;
    	line-height: 48px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 28px;
	    line-height: 35px;
	}
	.intro-05 h6{
	    font-size: 24px;
	    line-height: 31px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 28px;
	    line-height: 42px;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:4%;
}
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
	.grid-col {padding: 12px 12px; }
	 .container{
	    max-width: 668px;
	}
	
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 50px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
		font-size: 24px;
		line-height: 31px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 50%;
	}
	.team-block-inner{
		text-align: center;
	}
	.team-thumb{
		display: inline-block;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 36px;
    	line-height: 48px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 28px;
		line-height: 35px;
	}
	.intro-02 h6 {
    	font-size: 24px;
    	line-height: 36px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 42px;
	    line-height: 54px;
	}
	.intro-03 h4 {
	    font-size: 28px;
	    line-height: 38px;
	}
	.intro-04 h3 {
    	font-size: 36px;
    	line-height: 48px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 28px;
	    line-height: 35px;
	}
	.intro-05 h6{
	    font-size: 24px;
	    line-height: 31px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 28px;
	    line-height: 42px;
	}

	.news-head h3{
	    font-size: 16px;
	    line-height: 24px;
	    padding-top: 0px;
	    letter-spacing: 4px;
	}
	.news-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h3{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
		.fl-hold {
		text-align:left;
		margin-left:3%;
}
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
	.grid-col {padding: 12px 12px; }
	.container{
	    max-width: 540px;
	    padding-left:50px;
	    padding-right:50px;
	}
	
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 40px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
		font-size: 24px;
		line-height: 31px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 50%;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 32px;
    	line-height: 44px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-02 h6 {
    	font-size: 16px;
    	line-height: 33px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 38px;
	    line-height: 50px;
	}
	.intro-03 h4 {
	    font-size: 24px;
	    line-height: 36px;
	}
	.intro-04 h3 {
    	font-size: 32px;
    	line-height: 46px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 24px;
	    line-height: 31px;
	}
	.intro-05 h6{
	    font-size: 18px;
	    line-height: 27px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 24px;
	    line-height: 36px;
	}

	.news-head h3{
	    font-size: 16px;
	    line-height: 24px;
	    padding-top: 0px;
	    letter-spacing: 4px;
	}
	.news-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h3{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
		.fl-hold {
		text-align:left;
		margin-left:3%;
}

	
} 

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
	
	.grid-col {padding: 12px 12px; }
	.container{
	    max-width: 540px;
	    padding-left:50px;
	    padding-right:50px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 40px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
		font-size: 24px;
		line-height: 31px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 50%;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 28px;
    	line-height: 42px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 18px;
		line-height: 28px;
	}
	.intro-02 h6 {
    	font-size: 14px;
    	line-height: 31px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 36px;
	    line-height: 48px;
	}
	.intro-03 h4 {
	    font-size: 18px;
	    line-height: 25px;
	}
	.intro-04 h3 {
    	font-size: 28px;
    	line-height: 42px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 18px;
	    line-height: 25px;
	}
	.intro-05 h6{
	    font-size: 14px;
	    line-height: 23px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 18px;
	    line-height: 30px;
	}

	.news-head h3{
	    font-size: 16px;
	    line-height: 24px;
	    padding-top: 0px;
	    letter-spacing: 1px;
	}
	.news-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h2{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h3{
	    font-size: 16px;
	    line-height: 24px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:2%;
}
	
	
} 

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	
	.grid-col {padding: 12px 12px; }
	.container{
	    max-width: 420px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 40px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 14px;
		line-height: 21px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 80%;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 28px;
    	line-height: 42px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 18px;
		line-height: 28px;
	}
	.intro-02 h6 {
    	font-size: 14px;
    	line-height: 31px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 36px;
	    line-height: 48px;
	}
	.intro-03 h4 {
	    font-size: 18px;
	    line-height: 25px;
	}
	.intro-04 h3 {
    	font-size: 28px;
    	line-height: 42px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 18px;
	    line-height: 25px;
	}
	.intro-05 h6{
	    font-size: 14px;
	    line-height: 23px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 18px;
	    line-height: 30px;
	}

	.news-head h3{
	    font-size: 12px;
	    line-height: 22px;
	    padding-top: 0px;
	    letter-spacing: 1px;
	}
	.news-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.project-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:2%;
}
	
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {
	.grid-col {padding: 12px 12px; }
	
	
	.container{
	    max-width: 320px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 40px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 14px;
		line-height: 21px;
	}
	.intro-06 h1 > span{
		background:transparent;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 80%;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 24px;
    	line-height: 38px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 14px;
		line-height: 24px;
	}
	.intro-02 h6 {
    	font-size: 10px;
    	line-height: 27px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 32px;
	    line-height: 43px;
	}
	.intro-03 h4 {
	    font-size: 14px;
	    line-height: 21px;
	}
	.intro-04 h3 {
    	font-size: 24px;
    	line-height: 38px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 14px;
	    line-height: 21px;
	}
	.intro-05 h6{
	    font-size: 10px;
	    line-height: 19px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 14px;
	    line-height: 28px;
	}

	.news-head h3{
	    font-size: 12px;
	    line-height: 22px;
	    padding-top: 0px;
	    letter-spacing: 1px;
	}
	.news-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.project-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:2%;
}

	
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	
	
	.grid-col {padding: 12px 12px; }
	
	.container{
	    max-width: 280px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.pad-top{
		padding-top: 50px;
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	.inner-section{
		padding: 40px 0;
	}
	.intro-header, .standard-header{
		display: none !important;
	}
	.owl-controls{
		display: none !important;
	}
	.intro-06 h1{
		font-size: 14px;
		line-height: 21px;
	}
	.intro-06 h1 > span{
		background:transparent !important;
	}
	.hero-caps h1 > span{
		border:none;
		padding: 0px;
	}
	.hero-caps h3{
		font-size: 14px;
	}
	.main-heading{
		font-size: 18px;
		line-height: 25px;
	}
	.left-wallpaper, .right-wallpaper{
		display: none;
	}
	.promotional h1{
		font-size: 16px;
		line-height: 23px;
	}
	.promotional h3 > span{
		border:none;
	}
	.item img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.service-item{
		text-align: center;
	}
	#filters ul li{
		width: 90%;
	}
	.testimonial-carousel-item{
		padding-left: 30px;
		padding-right: 30px;
	}
	.intro .btn{
		width: 80%;
	}
	.page-section, .separator-section{
		padding: 0;
	}
	.intro-01 h3 {
    	font-size: 24px;
    	line-height: 38px;
	}
	.intro-01 h1 > span{
		border:none;
	}
	.intro-02 h1{
		font-size: 14px;
		line-height: 24px;
	}
	.intro-02 h6 {
    	font-size: 10px;
    	line-height: 27px;
	}
	.intro-02 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-03 h1 {
	    font-size: 32px;
	    line-height: 43px;
	}
	.intro-03 h4 {
	    font-size: 14px;
	    line-height: 21px;
	}
	.intro-04 h3 {
    	font-size: 24px;
    	line-height: 38px;
	}
	.intro-04 h1 > span{
		border:none;
	}
	.intro-05 h1{
	    font-size: 14px;
	    line-height: 21px;
	}
	.intro-05 h6{
	    font-size: 10px;
	    line-height: 19px;
	}
	.intro-05 h6 > span{
		background:transparent;
		color: #fff;
	}
	.intro-07 h3 {
	    font-size: 14px;
	    line-height: 28px;
	}

	.news-head h3{
	    font-size: 12px;
	    line-height: 22px;
	    padding-top: 0px;
	    letter-spacing: 1px;
	}
	.news-head h2{
	    font-size: 12px;
	    line-height: 20px;
	}
	.project-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.project-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h3{
	    font-size: 12px;
	    line-height: 22px;
	}
	.misc-head h2{
	    font-size: 12px;
	    line-height: 22px;
	}
	.team-block-wrap, .news-block-wrap{
		padding: 40px;
	}
	.fl-hold {
		text-align:left;
		margin-left:2%;
}

}