/* 	==========================================================================
	Large desktops and laptops
	========================================================================== */
	@media (min-width: 1200px) { 
		
	}
/* 	==========================================================================
	Portrait tablets and medium desktops
	========================================================================== */
	@media (min-width: 992px) and (max-width: 1199px) { 

	}
/* 	==========================================================================
	Portrait tablets and small desktops
	========================================================================== */
	@media (min-width: 768px) and (max-width: 991px) { 
		.product-menu-img{
			width: 180px;
			height: 100%;
		}
	}
/* 	==========================================================================
	Landscape phone to portrait tablet
	========================================================================== */
	@media (max-width: 767px) {
		
	}
/* 	==========================================================================
	Landscape phones 
	========================================================================== */
	@media (max-width: 480px) {
		.logo {
			padding: 15px 0;
			text-align: center;
			float: left;
			max-width: 160px;
		}

		.social-icon {
			float: right;
			margin-bottom: 15px;
			margin-top: 20px;
			text-align: center;
		}
		.social-icon .nav-pills li a {
			font-size: 75%;
		}
		.slide-caption {
			color: #777777;
			left: 0;
			margin: 10px;
			padding: 2%;
			position: relative;
			width: 100%;
		}
		.footer-col {
			float: left;
			width: 50%;
		}
		.nav-tabs > li {
			float: none;
		}
		.navbar-toggle {
			border-radius: 0;
			cursor: pointer;
		}
		.navigation .media-left, 
		.navigation .media-right, 
		.navigation .media-body {
			display: block;
		}
		.panel-body{
			text-align: center;
		}
		.panel-body a.btn-call{
			float: none !important;
			display: block !important;
			width: 170px !important;
			margin-left: auto !important;
			margin-right: auto !important;
			position: relative;
			margin-top: 10px;
		}
		.panel-body a.btn-call:hover{
			color: #fff !important;
		}
	}
/* 	==========================================================================
	360px to 479px
	========================================================================== */
	@media (min-width: 321px) and (max-width: 379px) {
		.logo {
			padding: 15px 0;
			text-align: center;
			float: left;
			max-width: 160px;
		}

		.social-icon {
			float: right;
			margin-bottom: 15px;
			margin-top: 20px;
			text-align: center;
		}
		.social-icon .nav-pills li a {
			font-size: 75%;
		}
		.panel-body{
			text-align: center;
		}
		.panel-body a.btn-call{
			float: none !important;
			display: block !important;
			width: 170px !important;
			margin-left: auto !important;
			margin-right: auto !important;
			position: relative;
			margin-top: 10px;
		}
		.panel-body a.btn-call:hover{
			color: #fff !important;
		}
	}
/* 	==========================================================================
	Portrait Mobile
	========================================================================== */
	@media (max-width: 320px) {
		.logo {
			padding: 15px 0;
			text-align: center;
			float: left;
			max-width: 160px;
		}

		.social-icon {
			float: right;
			margin-bottom: 15px;
			margin-top: 20px;
			text-align: center;
		}
		.social-icon .nav-pills li a {
			font-size: 75%;
		}
		.slide-caption {
			color: #777777;
			left: 0;
			margin: 10px;
			padding: 2%;
			position: relative;
			width: 100%;
		}
		.footer-col {
			float: left;
			width: 50%;
		}
		.nav-tabs > li {
			float: none;
		}
		.navbar-toggle {
			border-radius: 0;
			cursor: pointer;
		}
		.navigation .media-left, 
		.navigation .media-right, 
		.navigation .media-body {
			display: block;
		}
		.panel-body{
			text-align: center;
		}
		.panel-body a.btn-call{
			float: none !important;
			display: block !important;
			width: 170px !important;
			margin-left: auto !important;
			margin-right: auto !important;
			position: relative;
			margin-top: 10px;
		}
		.panel-body a.btn-call:hover{
			color: #fff !important;
		}
	}
/* 	==========================================================================
	Mobile
	========================================================================== */
	@media (min-width: 240px) and  (max-width: 319px){
	
	}