/* =================================================================== */
/* 
/*  Puremedia v1.0 Media Queries
/*  url:styleshout.com
/*  10-10-2014
/*
/* =================================================================== */


/* tablets */
@media only screen and (max-width:768px) {

   /* header styles */
	header {	
		background: none;
		width: 100%;
		text-align: left;
		margin-left: 0px;
		padding: 0px;		
	}

	header .logo {
		margin: 0px;
		padding: 0px 0px 5px; 
	}

	
	/* mobile navigation */
	#nav-wrap {
		background-color: #fff;
		z-index: 991;
		display: block;
		margin-top: 0;
		width: 100%;
		float: none;
		position: absolute;
		top: 0;
		right: 0;
	}
	#nav-wrap > a {
		background: #111;
		border: none;
		color: white;
		height: 60px;
		min-width: 60px;
		font-size: 12px;
		text-align: left;
		float: right;
		padding: 0;
		position: relative;
	}
	#nav-wrap .menu-text {
		text-transform: uppercase;
		margin-right: 60px;
		padding-left: 20px;
		vertical-align: middle;
		line-height: 60px;
		display: none;
	}
	#nav-wrap .menu-icon {
		display: inline-block;
		width: 20px;
		height: 3px;
		margin-top: -3px;
		position: absolute;
		right: 20px;
		top: 50%;
		bottom: auto;
		left: auto;
		background: #fff;
	}
	#nav-wrap .menu-icon:before, 
	#nav-wrap .menu-icon:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: inherit;
		left: 0;
	}
	#nav-wrap .menu-icon:before {
		bottom: 6px;
	}
	#nav-wrap .menu-icon:after {
		top: 6px;
	}
	#nav-wrap ul#nav {
		background: #111;
		padding: 10px 30px;
		margin: 0;
		height: auto;
		display: none;
		clear: both;
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
	}
	#nav-wrap ul#nav > li {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		padding: 6px 0;
	}

	#nav-wrap ul#nav li a {
		display: block;
		width: auto;
		padding: 0;
		padding: 12px 0;
		line-height: 16px;
		border: none;
		color: #fff;
		font-size: 1.25em;
	}
	#nav-wrap ul#nav li a:hover {
		color: #49a6a7;
	}
	#nav-wrap ul#nav li.current > a {
		background: none;
		color: #49a6a7;
	}
	.js #nav-wrap a.mobile-btn {
		display: none;
	}
	.js #nav-wrap a#toggle-btn {
		display: block;
	}
	.no-js #nav-wrap:not(:target) > a:first-of-type, 
	.no-js #nav-wrap:target > a:last-of-type {
		display: block;
	}
	.no-js #nav-wrap:target ul#nav {
		display: block;
	}
 
	/* Breadcrumb Styles */
	#breadcrumb ul {
		margin: 5px 0px 2px;
		font-size: 10px;
	}
	#breadcrumb li {
		display: inline;
		float:right;
	}
	/* content styles */
	#contents { 
		width: 100%;
		padding-top: 54px;	
		margin-left: 0px;
		padding: 70px 10px;
	} 
	#contents-inner .text-box h2{
		position: relative;
	}
	#contents-inner .text-box p{
		padding: 10px 0;
		font-size: 12px;
		line-height: 26px;
	}
	.service{
		padding: 10px 20px;
	}
	.service ul{
		float: none !important;
		margin: 0 auto !important;
		list-style:none;
		padding: 10px 25px;
	}
	/* slideshow styles */
	#slideshow {
   		width:  100%; 
   		height: 0;
   		padding-top: 32%;
   		display: block;
	}
	.arrow {
		width:60px;
		height:60px;
		margin: -40px 0 20px 40px;
	}


	/* sidebar styles */
	#sidebar .link-list {
		margin-left: -3px; 
	}
	#sidebar .link-list li {
		display: inline-block;
		padding: 8px 0 8px 0;
	}
	#sidebar .link-list li a {
		display: inline-block;
		white-space: nowrap;		
	}
	#sidebar .link-list li:before {
		content: "|";
		padding-left: 3px;
		padding-right: 6px;
		color: #cfd9db;
	}
	#sidebar .link-list li:first-child:before {
		display: none;
	}
	#sidebar .link-list li:first-child {
		margin-left: 6px;
	}

	/* footer styles */

	footer {
		padding: 5px 0;
	}
	footer .copyright {
		text-align: right;
		margin: 0;
		padding: 0;
		font: 13px "Kokila", sans-serif;
	}

	/* common and shared styles */
	.section-head p {	width: 100%; } 
	#page-title h1 {
		font: 46px/1.3 "raleway-bold", sans-serif;
		width: 100%;
	}
	#page-title p {
		font: 15px/30px "merriweather-light", sans-serif;
		width: 100%;
	}
	.entry header { text-align: center;	}
	.entry .entry-meta ul {
		text-align: center;
		margin-top: 6px;
	}
	.pagenav a[rel="next"]:after { float: right; }

   /* Grid Style */
  .units-row .unit-90,
  .units-row .unit-80,
  .units-row .unit-75,
  .units-row .unit-70,
  .units-row .unit-66,
  .units-row .unit-65,
  .units-row .unit-60,
  .units-row .unit-50,
  .units-row .unit-40,
  .units-row .unit-33,
  .units-row .unit-35,
  .units-row .unit-30,
  .units-row .unit-25,
  .units-row .unit-20,
  .units-row .unit-10 ,
  .units-row-end .unit-90,
  .units-row-end .unit-80,
  .units-row-end .unit-75,
  .units-row-end .unit-70,
  .units-row-end .unit-66,
  .units-row-end .unit-65,
  .units-row-end .unit-60,
  .units-row-end .unit-50,
  .units-row-end .unit-40,
  .units-row-end .unit-35,
  .units-row-end .unit-33,
  .units-row-end .unit-30,
  .units-row-end .unit-25,
  .units-row-end .unit-20,
  .units-row-end .unit-10 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
  }
  .unit-push-90,
  .unit-push-80,
  .unit-push-75,
  .unit-push-70,
  .unit-push-66,
  .unit-push-65,
  .unit-push-60,
  .unit-push-50,
  .unit-push-40,
  .unit-push-35,
  .unit-push-33,
  .unit-push-30,
  .unit-push-25,
  .unit-push-20,
  .unit-push-10 {
    left: 0;
  }
  .units-row-end .unit-push-right,
  .units-row .unit-push-right {
    float: none;
  }
  .units-mobile-50 .unit-90,
  .units-mobile-50 .unit-80,
  .units-mobile-50 .unit-75,
  .units-mobile-50 .unit-70,
  .units-mobile-50 .unit-66,
  .units-mobile-50 .unit-65,
  .units-mobile-50 .unit-60,
  .units-mobile-50 .unit-40,
  .units-mobile-50 .unit-35,
  .units-mobile-50 .unit-33,
  .units-mobile-50 .unit-30,
  .units-mobile-50 .unit-25,
  .units-mobile-50 .unit-20,
  .units-mobile-50 .unit-10 {
    float: left;
    margin-left: 3%;
    width: 48.5%;
  }
  .units-mobile-50 .unit-90:first-child,
  .units-mobile-50 .unit-80:first-child,
  .units-mobile-50 .unit-75:first-child,
  .units-mobile-50 .unit-70:first-child,
  .units-mobile-50 .unit-66:first-child,
  .units-mobile-50 .unit-65:first-child,
  .units-mobile-50 .unit-60:first-child,
  .units-mobile-50 .unit-40:first-child,
  .units-mobile-50 .unit-35:first-child,
  .units-mobile-50 .unit-33:first-child,
  .units-mobile-50 .unit-30:first-child,
  .units-mobile-50 .unit-25:first-child,
  .units-mobile-50 .unit-20:first-child,
  .units-mobile-50 .unit-10:first-child {
    margin-left: 0;
  }
.mobile-units-padding {
  padding: 0.8em;
  }
  .mobile-units-padding .unit-100,
  .mobile-units-padding .unit-90,
  .mobile-units-padding .unit-80,
  .mobile-units-padding .unit-75,
  .mobile-units-padding .unit-70,
  .mobile-units-padding .unit-66,
  .mobile-units-padding .unit-65,
  .mobile-units-padding .unit-60,
  .mobile-units-padding .unit-50,
  .mobile-units-padding .unit-40,
  .mobile-units-padding .unit-35,
  .mobile-units-padding .unit-33,
  .mobile-units-padding .unit-30,
  .mobile-units-padding .unit-25,
  .mobile-units-padding .unit-20,
  .mobile-units-padding .unit-10  {
    padding: 0.8em;
  }  
} /* 768 */


/* mobiles */
@media only screen and (max-width:600px) {

	/* content styles */
	#content { padding-top: 48px;	}

	/* footer styles */
	footer .footer-about { padding-right: 10px; }
	footer .copyright { padding-left: 10px; }

	/* common and shared styles */
	.section-head p {
		font: 16px/33px "merriweather-light", sans-serif;
	}
	.entry header h1 {
		font: 26px/33px "raleway-bold", sans-serif;
	}
} /* 600 */