@media all and (max-width: 1500px) {
	#indexlanding .glyphicon-chevron-left,
	#indexlanding .glyphicon-chevron-right{
		display: none;

	}
}
@media all and (max-width: 1400px) {
	#featured-carousel .container img{ max-width: 100% !important;}
}
@media all and (max-width: 1200px) {
	.mainfooter .instagram{ padding-left: 0 !important; padding-right: 0 !important  }
	.row-staff .col-md-12 h3{ font-size: 22px !important;}
	header#header .container{
		padding-right: 10px !important;
	}
	.aptablet{
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.home .img-responsive{
	}
	header#header .navbar-right li,
	.minifooter .navbar-right li{
		margin-left: 0px !important;
	}

	.section-left h2, .section-right h2{
		margin-top: 20px !important;
	}
	.blog .sidebar .category h4{
		background: url('../assets/images/site/cat-icon.png') 97% center no-repeat !important;
	}
	.blog .sidebar .archive h4{
		background: url('../assets/images/site/archive-icon.png') 97% center no-repeat !important;
	}

	.blog .related{
		padding: 0 20px
	}	
	.blog .col-md-12 h1{
		padding-left: 20px;
		margin-bottom: 20px !important
	}

	.row-staff .img-info{
		display: none !important;
	}
	#indexplatformfeatures{
		padding-top: 25px;
		padding-bottom: 15px !important;
	}
	#indexplatformfeatures .container{
	}
	#indexplatformfeatures .col-xs-12{
		margin-top: -6px;
		min-width: 180px !important;
	}
	#indexplatformfeatures .col-xs-12 h2{
		font-size: 28px;
		line-height: 20px !important;

	}


}
@media all and (max-width: 1200px) and (min-width: 769px) {
	#indexplatform .container,
	.section-left .container, 
	.section-right .container{
		padding: 0;
	}
	#indexplatform .content,
	.section-left .content, 
	.section-right .content{
		padding: 0;
	}

	#indexplatform h1, #indexplatform h2,
	.section-left h1, .section-left h2, 
	.section-right h1, .section-right h2{
	}
	

	/* Image in image */
	.blank_imac{
		height: 352px;
		width: 440px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 19px;
	}
	.blank_imac .imageInImage{
		height: 220px;
		width: 394px;
		margin-left: 18px;
	}
}
/* Switch to Tablet */
@media all and (max-width: 999px) {
	.project .social-links{ display: none;}

	#indexplatformfeatures .col-xs-3{ min-width: 81px !important; }
	.dektopOnlyFeatures{
		display: none;
	}
	.mobileOnlyFeatures{
		display: block;
		margin-bottom: 20px;
	}
	#indexplatformfeatures .col-xs-12{
		text-align: center;
	}

	header#header .navbar{
		padding-top: 0;
		margin-top: -10px;
	}
	header#header .navbar-right,
	.minifooter .navbar-right{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	header#header .navbar-brand,
	.minifooter .navbar-brand{
		width:150px !important;
		height: auto;
		margin-top: -5px;
		padding-top: 0;
	}
	header#header .navbar-brand img,
	.minifooter .navbar-brand img{
		margin-top: 35px !important;	
		width:150px;
	}
	header#header .navbar-toggle,
	.minifooter .navbar-toggle{	
		margin-top: 23px;
	}
	header#header .navbar-brand,
	.minifooter .navbar-brand{	
		width:150px;
		height: auto;
	}
	#cnt-title .col-md-6{
		text-align: center;
		width: 100%;
		display: block;
	}
	#cnt-title .col-md-6 .pull-right{
		float: none !important;
		width: 150px;
		margin: 0 auto

	}
	#pagecontent{
		margin-top: 70px;
		/* 10px */
	}
	#pagetitle { 
		margin-top: 40px !important;
		background-size: auto 100% !important;
	}
	.modal-header .gallery-count{
		display: none;
	}

	.isotope .item { min-height: 400px;}
	/* Image in image */
	.blank_imac{
		margin-left: auto;
		margin-right: auto;
	}
	.blank_imac .imageInImage{}

	.no-page-title{ height: 70px !important;}


}
@media all and (max-width: 768px) {
	header#header .nav .col-md-12{ width: 100% !important; padding: 0 !important;}
	.blog-breadcrumb{ margin-top: 20px;}
	.img-center-mobile{margin: 0 auto;	}
	.single-narrow{ padding: 20px 10px !important;}
	header#header .navbar-right li{ margin-left: 10px !important}
	
	.isotope .item { padding: 0 40px 40px;}
	.section-right .pull-right, .section-right .pull-right{ float: none !important;}

   #project-container,iframe.project { -webkit-overflow-scrolling: touch;overflow:auto}
	header.project-header{ height: 80px !important;  }
	.project .pr-heading li{ margin-top: 10px;}
	.project .pr-heading{ padding-left: 30px;}
	.project .project-brand img{ width: 200px; padding-top: 3px }
	.project .project-title{ font-size: 20px; font-weight: 300;  padding: 13px 0 0 15px !important;}
   #project-container { top: 80px;}
   .nomobileP{ display: none;}

	#indexlatest .col-md-4{
		margin-top: 30px;
	}

	.mainfooter #snapwidget{
		border-top: 1px solid #fff;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding: 40px 0;
	}
	.mainfooter .newsletter p{
		max-width: 100% !important;
	}
	.mainfooter .twitter{
		margin-top: 40px;
	}
	.content{
		padding: 0 !important;
		margin: 0 !important;
	}
	.apmobile{
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-left: 0;
		padding-right: 0
	}
	.nomobile{
		display: none !important;
	}

	.row-staff{
		padding-left: 0 !important;
	}
	.row-staff .col-md-12{
	}
	.row-staff h3{
		text-align: center;
	}
	#indexplatform .content{
		padding: 0;
	}

	#indexgallery .glyphicon-chevron-left{
		margin-left: -20px !important;
	}
	#indexgallery .glyphicon-chevron-right{
		margin-right: -20px !important;
	}
	.mobile-footer{
		display: block !important;
		margin-top: -45px;
		text-align: center;
		color: #1d1d1d;
		font-size: 12px;
		margin-bottom: 20px;
		padding-top: 0 !important;
	}
	.mobile-footer img{
		width: 100px;
	}

	#indexplatform,
	.section-left, 
	.section-right{
		text-align: center;
	}

	#indexplatform .btn-link,
	.section-left .btn-link, 
	.section-right .btn-link{
		margin-top: 30px;

	}
	#indexplatform .btn-link,
	.section-left .btn-link, 
	.section-right .btn-link{
		margin-top: 30px;
		float: none;
		display: block;
		padding-left: 0;
		margin-left: 0;
	}
	#indexplatform li,
	.section-left li, 
	.section-right li{
		text-align: left !important; 
	}


	#indexlanding {
		padding-top: 110px;
		padding-bottom: 50px;
	}
	.rand0001{
		clear: both;
	}

	header#header .navbar-brand img{
		margin-top: 33px !important;	
	}

	.socialdata{
		display: none;
	}


	#indexplatformfeatures{
		padding-top: 30px !important;
		padding-bottom: 35px !important;
	}
	#indexplatformfeatures h2{
		padding-bottom: 20px;
	}


	.blog{
		padding-top: 0px;
	}

	#pagecontent{
		margin-top: 70px !important;
		border-top: 1px solid #f0f7fd
	}

	.archive-listing p.meta{
		border-bottom: 1px solid #fafafa;
		font-size: 13px;
		padding-bottom: 10px;
	}
	.breadcrumb-content{
		display: none;
	}

	.metadata{
		width: 100%;
		display: block;
	}


	/* Team Modal */
	.modal .teamProfile{
		width: 100%;
		max-width: 360px;
		height: 100%;
		padding-top: 20px;
	}
	.teamProfileModal .img-sec img{
		padding: 0;
		margin: 0 auto;
		width: 200px;

	}
	.teamProfileModal .img-sec, .teamProfileModal .bio{
		padding: 0 40px;
		margin: 0;
		display: block;
		float: none;
		width: 100%
	}
	.teamProfileModal .img-sec{
		margin-bottom: 0;

	}	
	.teamProfileModal .bio{
		display: block;
		float: none;
		width: 100%;
		padding-bottom: 30px;
	}

	.bio-close-btn{
		float: right;
		margin-right: 0px;
		top:10px;
		right: 20px;
		position: absolute;
	}
	.bio-close-btn img{
		width: 30px !important
	}
	.teamProfileModal .bio h2{
		font-size: 28px;
		margin-top: 15px;
		text-align: center;
	}
	.teamProfileModal .bio h4{
		text-align: center;
		color: #333;
		margin-bottom: 10px;
	}
	/* Image in image */
	.blank_imac{
		height: 246px;
		width: 308px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 13px;
	}
	.blank_imac .imageInImage{
		height: 154px;
		width: 275px;
		margin-left: 13px;
	}


	.index-slider .carousel-control{
		display: none;
	}
	.related-posts{ display: none;}




}

/* iPad */
@media all and (device-width: 768px) and (device-height: 1024px) {

	#liveSearchForm{ display: none !important;}
	ul.mockup-features{
		sdisplay: none;
	}
	#indexlanding{
		padding-top: 120px;
	}
	#indexlanding .carousel-control{
		display: none;
	}
	header#header .navbar{
		padding-top: 0;
		margin-top: 0px;
	}
	header#header .navbar-right,
	.minifooter .navbar-right{		
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	header#header .navbar-brand,
	.minifooter .navbar-brand{		
		width:160px !important;
		height: auto;
		margin-top: -10px;
		padding-top: 0;
	}
	header#header .navbar-brand img,
	.minifooter .navbar-brand img{
		margin-top: 33px !important;	
		width:150px;
	}

	#pagetitle{
		margin-top:70px;
		background-size: cover;
	}
	#pagecontent{
		margin-top: 70px;
		/* 10px */
	}
	#liveSearchForm{
		margin-top: -5px;
	}
	.index-slider .carousel-control{ display: none !important; }
	.mobile-footer{display: none !important;}


	/* Image in image */
	.blank_imac{
		height: 352px;
		width: 440px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 19px !important;
	}
	.blank_imac .imageInImage{
		height: 220px;
		width: 394px;
		margin-left: 18px !important;
	}

	#indexplatform .content,
	.section-left .content, 
	.section-right .content{
		margin-top: -27px;

	}




}

/* iPad ~ Portrait */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.no-page-title{ height: 70px !important;}

	header#header .navbar-right li,
	.minifooter .navbar-right li{	
		margin-left: -5px !important;
	}

	.modal-desc{
		min-height: 200px;
	}
	.modal-desc h1{
		margin-top: 20px !important;
		padding-top: 0;
	}
	.modal-desc .client-desc{
		padding-top: 20px;
		font-size: 12px;
		line-height: 18px
	} 	
	.modal-desc .ad-type{
		margin-top: 65px;
	}

	#indexplatform,
	.section-left,
	.section-right{
		padding-bottom: 0;
	}

	#indexplatform .content,
	.section-left .content, 
	.section-right .content{
		margin-top: -27px;
		margin-bottom: 20px !important;
		padding-bottom: 0;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 490px !important;
	}
	.rand00034{
		margin-left: 50px !important;
		margin-right: auto !important;
	}


	#indexgallery .item{
		height: 400px;	
		width: 640px;
	}
	.blank_desktop{
		padding-left: 0 !important;
		height: 400px;	
		width: 640px;
		padding-top: 35px;
	}
	.blank_desktop .imageInImage{
		height: 364px;
		width: 635px;
		margin-left: 2px;
	}

	.blank_tablet{
		height: 400px;	
		width: 640px;
		padding-top: 29px;
	}
	.blank_tablet .imageInImage{
		width: 562px;
		height: 372px;
		margin-left: 37px;
	}

	.blank_mobile{
		padding-left: 0 !important;
		height: 400px;	
		width: 640px;
		padding-top: 66px;
	}
	.blank_mobile .imageInImage{
		width: 233px;
		height: 332px;
		margin-left: 204px;
	}
	.index-slider{
		height: 400px;	
		width: 640px;
	}


}

/* iPad ~ Landscape */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.no-page-title{ height: 70px !important;}

	.modal-desc .col-xs-6{
		display: block;
		width: 100%;
	}
	.modal-desc{
		color: #fff !important; 		
		height: 60px;
		max-height: 60px;
	}
 
	.modal-desc h1{
		text-align: center;
		line-height: 60px;
		margin-top: 0 !important;
		padding: 0;
		font-size: 26px !important;
	}
	.modal-desc .ad-type,
	.modal-desc .features-in,
	.modal-desc .client-desc{
		display: none;
	}


	.modal-desc .ad-type{  margin-top: 40px !important;color: #fff !important; font-size: 14px !important;  }
	.modal-desc .features-in{ margin-bottom: 40px;color: #fff !important; font-size: 14px !important; }

	.modal-lg {
		margin: 10px auto !important;
	}
	.modal-body img{
		max-height: 480px;
	}
	.modal-header{
	height: 70px !important;
	padding-top: 20px !important;
	}	
	#mymessage{
		max-width: 600px !important
	}






}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.row-staff small{ display: none;}
	.minifooter .navbar-brand, .minifooter .navbar-brand img{ width: 120px}

}

/* iPhone/Smartphone ~ Portrait */
@media only screen and (max-width: 767px) {
	.blog-breadcrumb{ display: none;}
   #project-container,iframe.project { -webkit-overflow-scrolling: touch;overflow:auto}
	header.project-header{ height: 50px !important;  }
	.project .pr-heading li{ margin-top: 10px;}
	.project .pr-heading{ padding-left: 30px;}
	.project .project-brand img{ width: 100px; padding-top: 1px }
	.project .project-title{ font-size: 14px; font-weight: 300;  padding: 4px 0 0 8px !important;}
   #project-container { top: 50px;}


	#indexplatformfeatures .col-xs-3{ min-width: 41px !important; }
	.navbar-search{ display: none; }
	#mymessage, .contact .flist{ max-width: 280px !important}

	#pagetitle { 
		margin-top: 70px;
	}
	.img-responsive-m {
		display: block;
		max-width: 100%;
		height: auto;
	}
	ul.mockup-features{
		display: none;
	}
	.minifooter .navbar-brand{
		display: none;
	}
	.mobile-footer{
		display: block;
		text-align: center;
	}

	#pagetitle{
		background-size: cover;
		padding-top: 70px;
	}
	#pagetitle h1 {
		font-size: 64px;

	}
	#pagetitle p.lead{
		font-size: 14px;
		background: none;

	}	
	.contact .form-horizontal .split, .contact .form-horizontal .split input{
		width: 100% !important;
	}

	/* Modal */
	.modal-header{
		max-height: 60px !important;

	}
	.modal-logo img{
		width: 130px !important;
		float: left;
		margin-top: 3px
	}
	.galley-close img{
		width: 30px !important
	}
	.modal-desc .col-xs-6{
		display: block;
		width: 100%;
	}
	.modal-desc{
		color: #fff !important; 		
		height: 60px;
		max-height: 60px;
	}
 
	.modal-desc h1{
		text-align: center;
		line-height: 60px;
		margin-top: 0 !important;
		padding: 0;
		font-size: 18px !important;
	}
	.modal-desc .ad-type,
	.modal-desc .features-in,
	.modal-desc .client-desc{
		display: none;
	}


	.modal-desc .ad-type{  margin-top: 40px !important;color: #fff !important; font-size: 14px !important;  }
	.modal-desc .features-in{ margin-bottom: 40px;color: #fff !important; font-size: 14px !important; }

	.modal-lg {
		margin: 10px auto !important;
	}
	.modal-body img{
		max-height: 480px;
	}
	.modal-header{
	height: 70px !important;
	padding-top: 20px !important;
	}	


	#indexgallery .item{
		height: 188px;
		width: 320px;
	}
	.blank_desktop{
		padding-left: 0 !important;
		height: 188px;
		width: 320px;
		padding-top: 17px;
	}
	.blank_desktop .imageInImage{
		height: 172px;
		width: 317px;
		margin-left: 1px;
	}

	.blank_tablet{
		height: 188px;
		width: 320px;
		padding-top: 14px;
	}
	.blank_tablet .imageInImage{
		width: 280px;
		height: 173px;
		margin-left: 19px;
	}

	.blank_mobile{
		padding-left: 0 !important;
		height: 188px;
		width: 320px;
		padding-top: 32px;
	}
	.blank_mobile .imageInImage{
		height: 154px;
		width: 115px;
		margin-left: 103px;
	}
	.index-slider{
		width: 320px;
		height: 188px;
	}

}


@media all and (device-width: 768px)  {

}