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

}
/* Desktop only */
@media only screen and (min-width: 1142px)  {

}
@media only screen and (max-width: 1100px)  {
	footer.x-colophon.bottom .x-row-fluid div {    float: left;    clear: both;}
	header .x-navbar .x-nav > li > a {    padding: 10px;}
}
@media only screen and (min-width: 768px)  {
        
}

/* large screens with 1140px with */
/* TABLET 1 */
@media only screen and (max-width: 1141px)  {

}

/* TABLET 1 only*/
@media only screen and (min-width: 990px) and (max-width: 1141px)  {

        
}
@media only screen and (max-width: 1025px) {
	header .x-navbar .x-nav > li > a {    padding: 10px;}
}

/* TABLET 2 */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
	.hide-smalltablet { display: none;}
	.show-smalltablet { display: block;}
	.contact-number-wrapper {    background-color: #009cd2;    float: none;    position: relative;    right: auto;    text-align: center;    top: auto;}
	.contact-number {background: url(images/contact-number-mobile.png) no-repeat;     display: block;    height: 36px;    margin: 0 auto;    text-indent: -99999px;    white-space: nowrap;    width: 194px;}
	header .x-navbar {    background-color: #000;} 
	header .x-navbar .x-nav {    background: none repeat scroll 0 0 #000;    border: 0 none;    border-radius: 0;    height: auto;    margin:  0;}
	header .x-navbar .x-nav > li > a {    border: 0 none;}
	.x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > a:hover, .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu a:hover, .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > .current-menu-item > a {    background-color: #000; }
	header .x-navbar .x-nav > li > .sub-menu > li {    border: medium none;}
	header .x-navbar .x-nav > li > .sub-menu > li > a {    background-color: #000;    border: 0 none !important;    color: #fff;}
	header .x-navbar .x-nav > li.menu-item-has-children > a:hover, header .x-navbar .x-nav > li.current-menu-item.menu-item-has-children > a header .x-navbar .x-nav > li > a:hover, header .x-navbar .x-nav > li > .sub-menu > li > a:hover, header .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > a:hover, header .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > .sub-menu > li > a:hover { background-color:#fff; color:#000; }
	.footericon {    float: left;    margin: 0;}
}


/* TABLET 2 */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
        
       
}
/* All Mobile Sizes (devices and browser) */   
@media only screen and (max-width: 767px) {
	.hide-mobile { display: none;}
	.show-mobile { display: block;}
	header .x-navbar-inner { min-height:0;} 
	header .x-navbar {    background-color: #000;} 
	.contact-number-wrapper {    background-color: #009cd2;    float: none;    position: relative;    right: auto;    text-align: center;    top: auto;}
	.contact-number {background: url(images/contact-number-mobile.png) no-repeat;     display: block;    height: 36px;    margin: 0 auto;    text-indent: -99999px;    white-space: nowrap;    width: 194px;}
	header .x-navbar .x-nav {    background: none repeat scroll 0 0 #000;    border: 0 none;    border-radius: 0;    height: auto;    margin:  0;}
	header .x-navbar .x-nav > li > a {    border: 0 none;}
	.x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > a:hover, .x-navbar .x-navbar-inner .x-nav-collapse .sub-menu a:hover, .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > .current-menu-item > a {    background-color: #000; }
	header .x-navbar .x-nav > li > .sub-menu > li {    border: medium none;}
	header .x-navbar .x-nav > li > .sub-menu > li > a {    background-color: #000;    border: 0 none !important;    color: #fff;}
	header .x-navbar .x-nav > li.menu-item-has-children > a:hover, header .x-navbar .x-nav > li.current-menu-item.menu-item-has-children > a header .x-navbar .x-nav > li > a:hover, header .x-navbar .x-nav > li > .sub-menu > li > a:hover, header .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > a:hover, header .x-navbar .x-navbar-inner .x-nav-collapse .x-nav > li > .sub-menu > li > a:hover { background-color:#fff; color:#000; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	header .x-navbar {    background-position: left -42px;}
	header .x-navbar .x-brand { width: 246px; }
	.x-btn-navbar, .x-btn-navbar.collapsed {    margin-top: 60px !important;}

}
@media only screen and (max-width: 379px) {
	header .x-navbar {    background-position: left -70px;}
	header .x-navbar .x-brand { width: 195px; }
	.x-btn-navbar, .x-btn-navbar.collapsed {    margin-top: 40px !important;}
}