/* Additional styling for this demo only */
	#mdf_menu a.navbar-brand{
	    color: #fafafa;
	}
	.lists .mdf_child_menu{
		text-align: center;
	}
	form,
	img{
		padding: 15px;
	}
	#mdf_menu h3 .glyphicon,
	#mdf_menu h3 i[class*="icon-"]{
		top: 4px;
		position: relative;
	}
	#mdf_menu h3 i[class*="icon-"]{
		top: 3px;
	}
	#mdf_menu h4 .glyphicon,
	#mdf_menu h4 i[class*="icon-"]{
		top: 3px;
		position: relative;
	}
	#mdf_menu h4 i[class*="icon-"]{
		top: 2px;
	}

	/* mixed elements */
	.video{
		background: #eee;
		padding: 7px;
	}
	.mdf_sub_wrap .article img{
		float: left
	}
	.mdf_sub_wrap.mic .table{
		background: #fff;
	}

	/* Services */
	.services ul li{
		position: relative;
		padding: 7px;
	}
	.services ul li i{
		float: left;
		color: #424b6d;
		width: 32px;
		font-size: 32px;
		top: 2px;
	}
	.services ul li .sr-block{
		float: left;
		padding-left: 5px;
		text-align: left;
	}
	.services ul li .sr-block span:first-child{
		display: block;
		color: #424b6d;
		font-size: 1.13em 
	}
	.services ul li .sr-block span:last-child{
		display: block;
		font-size: 0.95em;
	}
	#mdf_menu div.view-btn{
		padding: 0;
		margin-top: -9px;
	}
	#mdf_menu ul li div.view-btn a{
		display: block;
	    padding: 10px;
	    text-align: center;
	    background: #e1e1e1;
	    text-transform: uppercase;
		font-size: 12px;
		font-weight: 600
	}
	#mdf_menu ul li div.view-btn a i{
		margin-left: 5px;
	}

	/* Tabbed Elements */
	.misc .cl-title{
		margin-top: 0;
	}
	.panel-heading {
	    padding: 0;
	}
	.mdf_sub_wrap div h4.panel-title{
		text-align: left;
	}
	.mdf_sub_wrap div h4.panel-title span{
		display: inline-block;
		float: left;
		padding: 14px;
		background: #424b6d;
		color: #fafafa;
		margin-top: -1px;
		z-index: 9;
	    position: relative;
	    margin-right: 15px;
	}
	.mdf_sub_wrap .tab-content{
		padding: 10px 15px;
    	border: 1px solid #ccc;
    	border-top: 0;
    	background: #f8f8f8;
	}
	#mdf_menu ul li .nav-tabs>li>a{
		display: block;
		border-color: #ccc;
		border-top: 1px solid #ccc
	}
	#mdf_menu ul li .nav-tabs>li.active>a{
		border-bottom-color: transparent;
	}

	/* Contact Small */
		.mdf_contact div[class*="col"]{
		padding-top: 0px;
	}
	.mdf_contact .col-md-12.col-xs-12{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#contact-form{
		margin-bottom: 0;
	}
	.form-control,
	#send{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0;
		background: rgba(255,255,255,0.6);
	}
	.form-group {
	    margin-bottom: 9px;
	}
	.form-control{
		height: 35px;
	}
	#mdf_menu ul li #send{
		width: 100%;
		padding: 7px 15px;
		display: block;
	}
	.mdf_sub_wrap div.mdf_team{
		padding-top: 5px;
	}
	.mdf_sub_wrap .mdf_team div[class*="col"]{
		padding-top: 10px;
	}
	.mdf_contact .cl-title{
		margin-top: 15px;
		margin-bottom: 5px;
	}

	/* Typography Element */
	.mdf_sub_wrap .typography .row div{
		padding: 0;
	}
	.mdf_sub_wrap .typography .row div *{
		text-align: left;
		color: #444;
	}
	.mdf_sub_wrap .typography .row div p{
		color: #777;
	}

	
	

	/* hover effect */
	@-webkit-keyframes hvr-ripple-out {
	  100% {
	    top: -12px;
	    right: -12px;
	    bottom: -12px;
	    left: -12px;
	    opacity: 0;
	  }
	}

	@keyframes hvr-ripple-out {
	  100% {
	    top: -12px;
	    right: -12px;
	    bottom: -12px;
	    left: -12px;
	    opacity: 0;
	  }
	}
	#mdf_menu div.mdf_sub_wrap a, 
	#mdf_menu ul.mdf_child_menu li a{
	   display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	#mdf_menu div.mdf_sub_wrap a:before,
	#mdf_menu ul.mdf_child_menu a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #708c94;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 0 50%;
  	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	#mdf_menu div.mdf_sub_wrap a:hover:before,
	#mdf_menu ul.mdf_child_menu a:hover:before {
	   -webkit-transform: scaleX(1);
	    transform: scaleX(1);
	    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	@media only screen and (max-width: 438px){
		.mdf_team .col-sm-3.col-xs-6{
			width: 100%;
			max-width: 100%;
		}
		.lists .col-xs-6{
			width: 100%;
		}
		.hot-sell-item img{
			width: 100%;
			height: 150px;
		}
		.mdf_sub_wrap div.mdf_team .thumbnail{
			height: auto;
			width: 100%;
		}
	}
	@media only screen and (max-width: 768px){
		.thumbnail{
			max-width: 250px;
			width: 100%;
			height: 200px;
			margin: auto;
		}
		.caption p {
		    max-width: 250px;
		    margin: auto;
		}
		.mdf_sub_wrap div.mdf_team:nth-child(4){
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.mdf_products div.col-xs-12{
			padding-top: 0;
		}
		.mdf_products div.col-xs-12:nth-child(1){
			padding-bottom: 10px;
		}
		.hot-sell-item img{
			max-width: 130px;
			width: 100%;
			padding: 0px;
			margin-bottom: 10px;
		}
		form{
			padding: 0 15px;
		}
		.form-control{
			max-width: 320px;
			margin: auto;
		}
		#send{
			margin: auto;
			max-width: 320px;
			display: block;
			padding: 7px;
		}
		.owl-theme .owl-controls .owl-buttons .owl-prev{
			left: -17px;
		}
		.mdf_sub_wrap.lists div[class*="col"]{
			padding: 5px 15px;
		}
		.mdf_sub_wrap .media{
			max-width: 360px;
			margin: auto;
			margin-top: 15px;
		}
		.col-xs-12{
			padding-bottom: 5px;
		}
		div.mdf_sub_wrap.services .col-xs-12{
			padding-top: 0;
    		padding-bottom: 0;
    		text-align: center;
		}
	}
	@media only screen and (min-width: 980px){
		.mdf_sub_wrap .col-xs-6 .thumbnail{
			height: 150px;
			margin: auto;
		}
		#mdf_menu a.navbar-brand{
			height: 60px;
		}
	}

	@keyframes fadeInDown {
	  0% {
	    opacity: 0;
	    transform: translate3d(0, -10%, 0);
	  }

	  100% {
	    opacity: 1;
	    transform: none;
	  }
	}