@media (max-width: 979px) {
	
body {

}

.container { 
	position: relative; width: 980px; margin: 0 auto; padding: 0px; *zoom: 1;
}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }


.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clear, .clr {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
	

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}


@-ms-viewport {
  width: device-width;
}

body {
  margin: 0;
}

a:hover,
a:active {
  outline: 0;
}

/*img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}*/

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {  
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}


button,
input {
  *overflow: visible;
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}


.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

.hidden-desktop {
  display: none !important;
} 

}
	
	
	
	
/* #Large Screens beyond 1200px
================================================== */    
@media only screen and (min-width: 1200px) {

	/*.container { width: 1120px; }*/
        
}


@media only screen and (min-width: 980px) and (max-width: 1014px) {	
	
	/*#wrapper, .footer-content, #page, .container { width: 750px; }*/
		
}


@media only screen and (min-width:980px) {
		
}
	
	
/* #Devices under 980px
================================================== */	
@media (max-width: 979px) {
	
	input,
  	select,
  	textarea {
		-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	
	img {
	  width: auto\9;
	  /*height: auto;*/
	  height: auto !important;
	  max-width: 100%;
	  vertical-align: middle;
	  border: 0;
	  -ms-interpolation-mode: bicubic;
	}
	
	iframe, object, embed {
    	max-width: 100%; 
	}
	
	.embed-container {
		position: relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
		padding-top: 30px; /* IE6 workaround*/
		height: 0;
		overflow: hidden;
	}	

	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
}


/* #Tablet (Portrait)
================================================== */


@media only screen and (min-width: 768px) and (max-width: 979px) {	
	
	#wrapper,.footer-content, #page, .container { width: 750px; }
	
	.hidden-desktop {
    	display: inherit !important;
  	}
	.visible-desktop {
	  display: none !important ;
	}
	.visible-tablet {
	  display: inherit !important;
	}
	.hidden-tablet {
	  display: none !important;
	}
        
}


/*  #Devices under 768px 
================================================== */
    
@media only screen and (max-width: 767px) {
	
	body {
    	padding-right: 8px;
    	padding-left: 8px;
   } 	
	
	.hidden-desktop {
	  display: inherit !important;
	}
	.visible-desktop {
	  display: none !important;
	}
	.visible-phone {
	  display: inherit !important;
	}
	.hidden-phone {
	  display: none !important;
	}
		
}


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

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#wrapper,.footer-content, #page, .container { width: 440px; }
        
}


/*  #Devices under 480px 
================================================== */

@media (max-width: 479px) {
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	#wrapper, .footer-content, #page, .container {/* width: 330px; */min-width: 330px;}
	
}


/*  #Devices under 320px 
================================================== */

@media (max-width: 319px) {
	
	#wrapper, .footer-content, #page, .container { width: 300px; } 
	
}