/*
  Let's do the mobile version then ... :))
*/


@media
	screen and (max-device-width: 450px),
	screen and (max-device-width: 550px),
	screen and (max-device-width: 600px),
	(max-width: 600px),
	(max-width: 550px) {

		/*
			basic and body
		*/


		body
		{
			font-size: 110%;
		}
		#content-inner
		{
			max-width: 450px;
			min-width: 450px;
			width: 100%;
		}
		.container
		{
			width: 405px;;
			margin: 0 auto !important;
			display: block;
		}

		.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7,
		.grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
			margin: 2.5px 0;
			width: 100% !important;
			clear: both !important;
			display: block !important;
		}
		.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6,
		.push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_21 {
		left:0px !important;
		}
		h1 br,
		h2 br,
		h3 br
		{
			display: none !important;
		}

		.show-for-mobile
		{
			display: block;
		}

		.mobile-float-left { display: block !important; float: left !important; clear: none !important; }
		.mobile-float-right { display: block !important; float: right !important; clear: none !important; }

		/*
			Header
		*/

		#header
		{
			height: 83px;
		}
		#header-inner
		{
			display: block;
			position: fixed;
			top: 0;
			width: 450px;
			margin:0 auto;
			z-index: 950;
			background: #ffffff;
		}
		#header-inner .container
		{
			padding: 10px 0 !important;
		}
	    #header-inner .grid_3,
		#header-inner .grid_9
		{
			width: 136px !important;
			display: inline-block;
			float: left;
		}
		#header-inner .grid_3
		{
			position: relative;
			z-index: 995;
		}
		#header-inner .grid_9
		{
			width: 405px !important;
			height: auto;
			position: absolute;
			z-index: 960;
			top: -5px;
			left: 0;
		}
		.menu-button
		{
			display: inline-block;
			float: right;
			background: url("img/bg-menu-button.png") top left no-repeat transparent;
			width: 52px;
			height: 52px;
			min-height: 52px;
			position: relative;
			z-index: 990;
		}
		.menu-button.menu-button-expanded
		{
			background-position: bottom left;
		}
		ul.menu,
		.menu
		{
			display: none;
		}
		.menu.menu-expanded
		{
			display: block;
			width: 405px;
			position: relative;
			top: 22px;
			padding: 0;
			margin: 0;
			float: none;
		}
		.menu.menu-expanded li,
		.menu.menu-expanded li a
		{
			float: none;
			padding: 0;
			margin: 0;
			font-size: 110%;
			width: 100%;
		}
		.menu.menu-expanded li:first-child
		{
			border-top: 2px solid #dc4738;
		}
		.menu.menu-expanded li
		{
			background: #f2f2f2 !important;
			text-align: center;
			padding: 0;
			float: none;
			padding: 15px 0;
			-moz-box-shadow: 0px 1px 1px #878787;
			-webkit-box-shadow: 0px 1px 1px #878787;
			box-shadow: 0px 1px 1px #878787;
		}

		.breadcrumbs { padding-top: 35px; }

		/*
			Homepage
		*/

		.slider-holder
		{
			width: 450px;
			height: 264px;
			min-height: 264px;
		}
	
		#content-hero {
			width:550px;
		}
		#content-hero,
		.slider-holder,
		.slider-holder
		{
			width:450px;
			height: 350px !important;
			min-height: 260px !important;
		}
		.slider-holder,
		.slider-holder,
		.slider-holder div img,
		.mobile-slider-size,
		.slide-container div img
		{
			width: 450px!important;
			height: 350px !important;
			min-height: 260px !important;
		}
		.blog-post .slider-holder div img { width: 405px !important; height: 204px !important; min-height: 204px !important; }
		.slide-container div .slide-header
		{
			width:450px;
			top: 93px !important
		}
		.slide-container div .slide-header h5
		{
			max-width: 450px;
			word-wrap: break-word;
			color: #fff;
			margin: 0 auto;
			text-align: center;
		}
		#acpt-title {padding-top: 70px;}
		#slider-nav
		{
			width: 100% !important;
			max-width: 550px !important;
			min-width: 450px !important;
			position: absolute;
			top: 220px;
		}
		#slider-nav a
		{
			border-radius: 15px;
			width: 23px;
			height: 23px;
			padding: 10px;
		}
		.slider-holder img
		{
			width: 100%;
			height: auto !important;
		}
		.slider-holder h1
		{
			font-size: 220% !important;
			padding-bottom: 5px !important;
			padding-top: 5px !important;
			line-height: 40px !important;
		}
		.slider-holder h5
		{
			display:none;
		}
		#slider-nav { display: none !important; }

		.homepage-box-second-up
		{
			position:  absolute; z-index: 300; height: 140px; width: 100%; display: block  !important;
		}
		.homepage-package
		{
			margin-bottom: 10px;
			top: auto;
		}
		.homepage-package-featured,
		.homepage-package-featured img
		{
			width: 100%;
		}
		.homepage-package-featured { overflow: hidden; }
		.homepage-package-featured img
		{
			width: 100% !important;
			height: auto !important;
		}
		.homepage-box-twitter .grid_8
		{
			width: 245px !important;
		}
		.homepage-box-facebook h2,
		.homepage-box-twitter .grid_8 h2
		{
			width: 245px;
			font-size: 90%;
			line-height: 1.3em;
			padding-top: 10px;
		}


		#content-blog
		{
			/* padding: 150px 0 30px 0; */
		}
		#content-packages
		{
			padding: 15px 0;
			padding-bottom: 31px;
		}
		.homepage-box-second img.attachment-thumb_s
		{
			width: 100% !important;
			height: auto !important;
		}
		.slider-holder.slider-holder-page
		{
			height: auto;
			min-height: 125px;

		}

		.submenu {
			padding: 30px 0;
		}

		.submenu li > span > strong {
			margin-bottom:10px;
		}

		.submenu-holder
		{
			width: 100%;
			height: auto;

		}
		.submenu-holder .submenu
		{
			display: block;
			position: static;
			width: 100%;
			height: auto;
		}
		.submenu-holder .submenu li,
		.submenu-holder .submenu li a
		{

		}
		.submenu li a {
			padding: 15px 14px;
		}
		ul.menu li:hover .sub-menu,
		ul.menu li .sub-menu { display: none !important; }

		/*
			Pages
		*/

		.grid_6 *
		{
			text-align: center;
		}
		.grid_6 img
		{
			max-width: 405px;
			height: auto;
		}
		.solution-box .ico
		{
			margin: 0 auto;
		}
		.team-box
		{
			height: 360px;
		}
		.team-box .featured,
		.team-box .featured img
		{
			width: 100% !important;
			height: auto !important;
			min-height: 270px;
		}
		.work-box { margin: 0 auto; margin-bottom: 20px; }

		/*
			Blog post
		*/

		.blog-post-inner .slider-holder div img,
		.blog-post-inner .slide-container div img
		{
			height: auto !important;
		}
		.slider-nav { width: 405px !important; min-width: 405px !important; }
		.blog-post-inner iframe { width: 365px !important; min-width: 365px !important; }


		/*
			Contact
		*/

		#content-contact .contact-box
		{
			margin-bottom: 13px
		}
		.wpcf7-form-control-wrap,
		.wpcf7-form-control-wrap input
		{
			width: 100% !important;
		}
		.contact-form input.wpcf7-submit
		{
			width: 100% !important;
			margin-top: 30px !important;
		}
		.wpcf7-form-control-wrap.your-message
		{
			margin-bottom: 15px;
			clear: both;
			display: block;
		}
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip-no-ajax,
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip
		{
			width: 100%;
			top: -120px;
			left: 0;
		}
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip-no-ajax:after,
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip:after {
			bottom: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip-no-ajax:after,
		.wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip:after {
			border-color: rgba(56, 56, 56, 0);
			border-top-color: #383838;
			border-width: 10px;
			left: 50%;
			margin-left: -10px;
		}

		/*
			Footer
		*/

	    .footer-links
		{
			float: left;
			margin-left: 122.5px;
		}
		#footer .container *,
		#footer-bottom p
		{
			text-align: center;
		}

		.compare-thumbnail-left,
		.compare-thumbnail-right { display: block; position: relative; right: auto; left: auto; top: auto; }
		.compare-thumbnail-left { bottom: auto; top: auto; }

		.price-column .package-number,
		.price-column  .package-number-itself
		{
			bottom: -20px;
		}
		.price-column .homepage-package-featured { overflow: visible; }

		/*
			Don't display
		*/
		.products-content { width: auto; }
		/*
			.price-compare,
		*/
		.mobile-dont-display,
		.homepage-box-link-right
		{
			display: none !important;
		}

		.homepage-box-second {
			height: auto;
		}

		.homepage-box-second-up {
			height: 100%;
		}

		.no-hide {
		left:0 !important;
		}

		.new-hero {
			height:auto !important;
		}

		.new-hero h1{
			text-align: center;
			line-height: 50px;
			font-size: 40px;
			padding: 55px 25px 37px 25px;
		}

		.additional-height {
			height: 240px;
		}

		.gap {
			margin-bottom: 20px;
		}

		#footer {
			text-align: left;
		}
		.push_1 {
			left:0px !important;
		}
		.content-child-more h4 {
			text-align:center;
		}
		.submenu li, .submenu li a {
			display:block;
		}
		.pavilion-button {
			display: block;
			width: 200px;
			margin: 0 auto;
			margin-bottom: 30px;
		}


	}


}