/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
.cdt-area {
	background-image: url(../img/bg/smartlocks-bg-cdt.jpg);
	background-color:#495F6D;
	background-repeat:no-repeat;
	background-position:center center;
} 
.work-overlay {
    background: none;
    position: relative;
    padding: 20px;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    opacity: 1;
	border-bottom:solid 1px #cf3954;
}
.work-title > h4 {
    margin-top: 10%;
    padding-bottom: 10px;
    color: #cf3954;
} 
.work-title p {
    margin: 0;
    color: #333333;
}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-top-cart ul li a { font-size: 10px }
	.shop-cart i { font-size: 14px }
    .mainmenu li a { padding: 30px 10px }
	.is-sticky .mainmenu li a { padding: 20px 10px }
	#home-carousel .item h2 { font-size: 46px }
	.section-title p { width: 80% }
	.video-area iframe {
	    height: 410px;
	    margin-bottom: 40px;
	}
	.skills-area { padding-bottom: 40px }
	.single-skill { margin-bottom: 40px }
	.count-area { padding-bottom: 50px }
	.counter { margin-bottom: 30px }	
	.team-area { padding-bottom: 50px }
	.single-team { margin-bottom: 30px }
	.pricing-area { padding-bottom: 50px }
	.single-pricing { margin-bottom: 30px }
	.single-blog { margin-bottom: 30px }
	.single-project-img { margin-bottom: 40px }
	.related-projects .single-work { margin-bottom: 20px }
	.footer-top-area { padding-bottom: 30px }
	.footer-widget { margin-bottom: 50px }
	.cdt-area {
	background-image: none;
	background-color:#495F6D;
	background-repeat:no-repeat;
	background-position:center center;
	}
	.work-overlay {
		background: none;
		position: relative;
		padding: 20px;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		opacity: 1;
		border-bottom:solid 1px #cf3954;
	}
	.work-title > h4 {
		margin-top: 10%;
		padding-bottom: 10px;
		color: #cf3954;
	} 
	.work-title p {
		margin: 0;
		color: #333333;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.header-top-area { background: #c91f3d none repeat scroll 0 0 }
	.navbar-default { padding: 5px 0 }
	.navbar-brand {
		padding: 15px;
		color: #333 !important;
	}
	.is-sticky .navbar-brand { padding: 15px }
	.mainmenu li a,
	.is-sticky .mainmenu ul.nav.navbar-nav li  a {
		color: #ffffff !important;
		font-size: 12px;
		padding: 15px;
	}
	#home-carousel .item p {
		font-size: 14px;
		letter-spacing: 5px;
	}
	#home-carousel .item h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	#home-carousel .item .button {
		font-size: 10px;
	}
	.section-title h2 { font-size: 26px }
	.section-title p {
		width: 100%;
		font-size: 13px;
	}
	.video-area iframe {
	    height: 195px;
	    margin-bottom: 30px;
	}
	.single-service { padding: 30px 25px }
	.single-service i { font-size: 45px }
	.single-service p { margin-bottom: 15px }
	.skills-area { padding-bottom: 50px }
	.single-skill { margin-bottom: 30px }
	.work-title > h4 { margin-top: 40px }
	.count-area { padding-bottom: 60px }
	.counter { margin-bottom: 20px }
	.team-area { padding-bottom: 60px }
	.single-team { margin-bottom: 20px }
	.pricing-area { padding-bottom: 50px }
	.single-pricing { margin-bottom: 30px }
	.single-blog { margin-bottom: 20px }
	.single-product { margin-top: 20px }
	.breadcrumb-main { height: 250px }
	.breadcrumb-title { padding-top: 125px }
	.breadcrumb-title h2 { font-size: 28px }
	.single-project-img { margin-bottom: 40px }
	.related-projects .single-work { margin-bottom: 20px }
	.footer-top-area { padding-bottom: 30px }
	.footer-widget { margin-bottom: 50px }
	.copyright p { font-size: 12px }
	.cdt-area {
	background-image: none;
	background-color:#495F6D;
	background-repeat:no-repeat;
	background-position:center center;
	}
	.vimeo-wrapper {
	background-image: url(../img/bg/smartlocks-bg-home-responsive.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
	.vimeo-wrapper iframe{
		display:none;
	}
	.work-overlay {
		background: none;
		position: relative;
		padding: 20px;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		opacity: 1;
		border-bottom:solid 1px #cf3954;
	}
	.work-title > h4 {
		margin-top: 10%;
		padding-bottom: 10px;
		color: #cf3954;
	} 
	.work-title p {
		margin: 0;
		color: #333333;
	}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.cdt-area {
	background-image: none;
	background-color:#495F6D;
	background-repeat:no-repeat;
	background-position:center center;
	}
	.vimeo-wrapper {
	background-image: url(../img/bg/smartlocks-bg-home-responsive.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
	.vimeo-wrapper iframe{
		display:none;
	}
	.work-overlay {
		background: none;
		position: relative;
		padding: 20px;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		opacity: 1;
		border-bottom:solid 1px #cf3954;
	}
	.work-title > h4 {
		margin-top: 10%;
		padding-bottom: 10px;
		color: #cf3954;
	} 
	.work-title p {
		margin: 0;
		color: #333333;
	}
}