/*==================================RESPONSIVE LAYOUTS SUPERFISH===============================================*/
	table, table *{
		max-width: 100% !important;
	}
@media only screen and (min-width: 1021px) and (max-width: 1210px) {
	.menu_block .horizontal-nav ul li a{
		font-size:14px !important;
		padding:40px 15px;
	}
}
@media only screen and (max-width: 1020px) {
	.menu_block  {
		margin-left: 15px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	img{
		max-width: 100% !important;
		height: auto;
	}
	header{
		padding:10px 0px 10px !important;
	}
	.container{
		padding: 10px !important;
		width: 93%;  
	}
	header .container{
		padding:0px !important;
	}
		
	#appendedVideo{   
		min-height: 100%;
		position: fixed;
		width: 100%;
		z-index: 99999999;
		text-align:center;    
		margin-top: 0;
   		top: 0;
   		left: 0;
	}
	#appendedVideo .iframcontainer{
		overflow:hidden;
		width: 100%;
		height: 100%;
	}
	#appendedVideo .iframcontainer iframe{
		margin-top: 15px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1020px) {
	#appendedVideo .iframcontainer *{
		width: 100% !important;
		height: auto !important;
	}

}
@media only screen and (min-width: 768px) {	
	.md-noPadding, .md-noLeftRightPadding {
		 padding: 0px !important;
	}
	
	/*.md-noLeftPadding {
		 padding-left: 0px !important;
	}*/
	
	.md-noRightPadding {
		 padding-right: 0px !important;
	}
}
@media only screen and (max-width: 767px) {	
	.xs-noPadding, .xs-noLeftRightPadding {
		 padding: 0px !important;
	}
	.xs-noLeftPadding {
		 padding-left: 0px !important;
	}
	
	.xs-noRightPadding {
		 padding-right: 0px !important;
	}
	.floatingHeader .container{
		width: 100%;
		
		
	}
	#headerBox {
		position: absolute !important;
	}	
	#logoBox {
		height: 204px;
		margin: 69px 0 0;
		overflow: hidden;
		position: absolute;
		width: 61%;
		z-index: 9999;
	}
	header .container .headerImage {
		bottom: 0px !important;
	}
	.menu_block  {
		width:100%;
		float: none !important;
		clear: both;
		min-height: 0px;
		margin-top: 15px !important;
		margin-left: 0px !important;
		margin-bottom: 15px !important;
	
	}
	.sf-menu ul, .horizontal-nav ul.level1, #navbar{
		position:relative !important;
	}
	.sf-menu li ul, .sf-menu li.sfHover > ul ,
	.horizontal-nav ul.level1{
		width:100% !important;
		margin-left:15px;
		display:block !important;
		top:0px;
		left:0px;
	}
	.sf-menu > li > a.sf-with-ul::after{
		display:none;
	}
	#navbar{
		overflow-x:hidden;
	}
	.navbar .navbar-collapse.collapse.in{
		margin-top:165px;
	}
	.navbar .navbar-collapse.collapse.in *{
		display:block !important;
	}
	.menu_block li, .menu_block a{
		width:100% !important;
	}


	  header nav{
			float:none;
			font:12px/15px;
			text-transform:uppercase;
			color:#927c67;
			margin: 0 auto;
	}
	
	.search_block {
		padding-bottom: 10px !important;	
	}
	.footer *{
		height: auto;
	}
	.footer img{
		padding-bottom:15px;
	}
	.floatingHeader{
		padding-top:0px !important;
		padding-bottom:0px !important;
		background-color:#fff;
		position:absolute;
	}
	.hideOnSmall{
		display:none;
	}
	#logoBox {
		height: 220px;
		margin-top: 0;
		width: 232px;
	}
	.navbar-default {
		width: 95% !important;
	}
	.navbar-default {
		background-color: transparent !important;
		border-color: transparent !important;
	}
	.navbar-toggle{
		margin:0px;
	}
	.camera_target{
		top:0px !important;
	}
	#bottomEnd
	{
		position:absolute;
		z-index:9 !important;
	}
	.iframcontainer iframe {
		max-height: 100%;
		width: 100%;
	}
	#appendedVideo{
		height: 100%;
    	max-height: 100%;
	}
	
	.videoClose {
		margin-top: 2px;
		margin-left: -32px;
	}
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1050px) {
	.camera_prev {
		left: 15px !important;
		margin-left: 0 !important;
	}

	.camera_next {
		margin-right: 0 !important;
		right: 15px !important;
	}
}

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}


 .nowrap {
 white-space: normal;
}


 .map address {
 float: left;
 margin-right: 30px;
}

 .map address+address {
 	margin-top: 0;
 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
	margin-bottom: 15px;
}

.block1 img {
	width: 104px;
}


footer img{
	margin-bottom:15px;
}
footer .flickrs img{
	margin-bottom:0px;
}
}
@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
}

.block1 img {
	width: 100%;
	margin: 0 0 10px;
}

.block1 {
	margin: 0 !important;
}

.ulinks .clear {
	height: 0px;
}
.ulinks ul.list {
	margin-bottom: 25px;
}

.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}

.kitten{
	font-size: 42px;
}

.img_inner img {
	width: 100%;
}

 header {
 position: relative;
}
 header h1 {
 	padding-top: 25px;
 margin-bottom: 10px;
 float: none;
 text-align: center;
}
 header h1 a {
 	width: auto;
 	display: inline-block;
 height: auto;
}
 header h1 a img {
}

 .map {
 	padding-right: 4px;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}

 .map address+address {
 	margin-left: 20px;
 }
 .content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
 margin-top: 4px !important;
}


 .img_inner {
 margin-top: 20px;
}

.page1 img {
	width: 100%;
}

}
@media only screen and (max-width: 479px) {
 body {
 min-width: 0px;
}

.kitten{
	font-size: 30px;
	line-height: 34px;
}

.kitten em a {
	line-height: 55px;
}

 .map address {
 	float: none;
 }

 .map address+address {
 	margin-left: 0px;
 	margin-top: 20px;
 }

 .map figure iframe {
 width: 100%;
 height: 200px;
}
#home .headerImage{
	margin-left:-50%;
}

}

/*==================================RESPONSIVE LAYOUTS SKELETON===============================================*/
/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 1210px) {
	.container{
		width: 94%; 
		padding:0px 15px !important;
	}
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_8_2,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12,
		.grid_13,
		.grid_14,
		.grid_15,
		.grid_16 { margin-left: 10px; margin-right: 10px;  }
        .container .alpha               { margin-left: 0;}
        .container .omega               { margin-right: 0;}

        .container .grid_1 			{ width: 7%; }
        .container .grid_2			{ width: 13%; }
        .container .grid_3 			{ width: 19%; }
        .container .grid_4 			{ width: 25%; }
        .container .grid_5  			{ width: 30%; }
        .container .grid_6			{ width: 38%; }
        .container .grid_7 			{ width: 42%; }
        .container .grid_8  			{ width: 53%; }
        .container .grid_9  			{ width: 54%; }
        .container .grid_10   		{ width: 61%; }
        .container .grid_11  		{ width: 67%; }
        .container .grid_12  		{ width: 75%; }
        .container .grid_13 			{ width: 74%; }
        .container .grid_14 			{ width: 81%; }
        .container .grid_15 			{ width: 92%; }
        .container .grid_16  		{ width: 98%; }
		/* Prefix Extra Space >> 16 Columns */
		.container .prefix_1 		{padding-left:48px;}
		.container .prefix_2 		{padding-left:96px;}
		.container .prefix_3 		{padding-left:144px;}
		.container .prefix_4 		{padding-left:192px;}
		.container .prefix_5 		{padding-left:240px;}
		.container .prefix_6 		{padding-left:288px;}
		.container .prefix_7 		{padding-left:336px;}
		.container .prefix_8 		{padding-left:384px;}
		.container .prefix_9 		{padding-left:432px;}
		.container .prefix_10 		{padding-left:480px;}
		.container .prefix_11 		{padding-left:528px;}
		.container .prefix_12 		{padding-left:576px;}
		.container .prefix_13 		{padding-left:614px;}
		.container .prefix_14 		{padding-left:672px;}
		.container .prefix_15 		{padding-left:720px;}
		/* Suffix Extra Space >> 16 Columns */
		.container .suffix_1 		{padding-right:48px;}
		.container .suffix_2 		{padding-right:96px;}
		.container .suffix_3 		{padding-right:144px;}
		.container .suffix_4 		{padding-right:192px;}
		.container .suffix_5 		{padding-right:240px;}
		.container .suffix_6 		{padding-right:288px;}
		.container .suffix_7 		{padding-right:336px;}
		.container .suffix_8 		{padding-right:384px;}
		.container .suffix_9 		{padding-right:432px;}
		.container .suffix_10 		{padding-right:480px;}
		.container .suffix_11 		{padding-right:528px;}
		.container .suffix_12 		{padding-right:576px;}
		.container .suffix_13 		{padding-right:614px;}
		.container .suffix_14 		{padding-right:672px;}
		.container .suffix_15 		{padding-right:720px;}
    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		.container img{
			margin-right:0px !important;
		}
        .columns, .column { margin: 0; }
		table,
        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12,
        .container .grid_13,
        .container .grid_14,
        .container .grid_15,
        .container .grid_16{width: 100%; margin: 0;}
		/* Prefix Extra Space >> 12 Columns */
		.container .prefix_1,
		.container .prefix_2,
		.container .prefix_3,
		.container .prefix_4,
		.container .prefix_5,
		.container .prefix_6,
		.container .prefix_7,
		.container .prefix_8,
		.container .prefix_9,
		.container .prefix_10,
		.container .prefix_11,
		.container .prefix_12,
		.container .prefix_13,
		.container .prefix_14,
		.container .prefix_15{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container .suffix_1,
		.container .suffix_2,
		.container .suffix_3,
		.container .suffix_4,
		.container .suffix_5,
		.container .suffix_6,
		.container .suffix_7,
		.container .suffix_8,
		.container .suffix_9,
		.container .suffix_10,
		.container .suffix_11,
		.container .suffix_12,
		.container .suffix_13,
		.container .suffix_14,
		.container .suffix_15{padding-right:0;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .columns, .column { margin: 0; }

		table,
        .container .grid_1,
        .container .grid_2,
        .container .grid_3,
        .container .grid_4,
        .container .grid_5,
        .container .grid_6,
        .container .grid_7,
        .container .grid_8,
        .container .grid_9,
        .container .grid_10,
        .container .grid_11,
        .container .grid_12,
        .container .grid_13,
        .container .grid_14,
        .container .grid_15,
        .container .grid_16,
        .container table{ width: 100%;  }
		/* Prefix Extra Space >> 12 Columns */
		.container .prefix_1,
		.container .prefix_2,
		.container .prefix_3,
		.container .prefix_4,
		.container .prefix_5,
		.container .prefix_6,
		.container .prefix_7,
		.container .prefix_8,
		.container .prefix_9,
		.container .prefix_10,
		.container .prefix_11,
		.container .prefix_12,
		.container .prefix_13,
		.container .prefix_14,
		.container .prefix_15{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container .suffix_1,
		.container .suffix_2,
		.container .suffix_3,
		.container .suffix_4,
		.container .suffix_5,
		.container .suffix_6,
		.container .suffix_7,
		.container .suffix_8,
		.container .suffix_9,
		.container .suffix_10,
		.container .suffix_11,
		.container .suffix_12,
		.container .suffix_13,
		.container .suffix_14,
		.container .suffix_15{padding-right:0;}
    }