@media (min-width:1025px) { 
/* big landscape tablets, laptops, and desktops */ 
.logomargin{
	margin-left:3%;
	margin-top:3%;
}

.fontmobilet {
	font-size: 80px;
}

.fontmobileminit {
	font-size: 18px;
}

.logo_tablet{
	display:none
}

}
@media (min-width:1281px) { 
/* hi-res laptops and desktops */ 
.logomargin{
	margin-left:3%;
	margin-top:3%;
}

.fontmobilet {
	font-size: 80px;
}

.fontmobileminit {
	font-size: 18px;
	font-weight:bold;
}
  
.linemobile{
	margin-left:3%;
}

.logo_tablet{
	display:none
}
}
/*    Default Layout: 992px. 
    Gutters: 24px.
    Outer margins: 48px.
    Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media (max-width: 767px) {
.fontmobilet {
	font-size: 70px;
	margin-left:-5%;
}

.fontmobileminit {
	font-size: 16px;
  	margin-left:-5%;
}
  
.linemobile{
	margin-left:0%;
}

.logomargin{
	margin-left:3%;
	margin-top:3%;
}

.hidemobile{
	display:none;
}

#navigation{
	display:block;
}

.container-fluid {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
	overflow-x:hidden;
}

.navbar-fixed-top {
  background-color: #fff !important;
}

/* ==========================================================================
   Try Me float button
   ========================================================================== */
.try_me {
	position: fixed;
	top:9%;
	right:-180px;
	z-index: 9999;
	padding:0;
}

#try_me_btn{
	background: transparent;
	border: 0px;
}

.popupsize{
	width:40%;
}

#try_me_btn:active, #try_me_btn:focus {
	outline:none;
}

.contactusimg{
	width:90%;
}

.contactusline{
	line-height: 2em;
}
}



/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.navbar-fixed-top {
  background-color: #0073b4 !important;
  color:#fff;
}

.logo_desktop{
  display: none;
}

.logo_mobile{
  display: none;
}

.logo_tablet{
  display: block;
}

.pthide{
	display:none;
}

.navbar-brand{
  margin-left: -2px;
}

.navbar-toggle{
  padding: 13px 10px;
}

.nav>li>a {
  color: #fff;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #00C7FC;
}

.custom_menu {
  font-size: 20px;
}

.fontmobilet {
  font-size: 80px;
}

.fontmobileminit {
  font-size: 18px;
}

.navbar-toggle {
    display: block;
    position: absolute;
    right: 0;
    padding: 13px 10px;
    /*margin-top: 8px;*/
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-collapse.collapse {
    display: none!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: hidden!important;
    visibility: hidden!important;
}

.container-fluid {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
	overflow-x:hidden;
}

#navigation{
	display:block;
}

.navbar-fixed-top {
  background-color: #fff !important;
}

}
/*    Mobile Layout: 320px.
    Gutters: 24px.
    Outer margins: 34px.
    Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

.navbar-fixed-top {
  background-color: #fff !important;
}

.logo_desktop{
  display: none;
}

.logo_mobile{
  display: block;
}

.logo_tablet{
  display: none;
}

.pthide{
	display:none;
}

.navbar-brand{
  margin-left: 14px;
}

.navbar-toggle{
  padding: 13px 10px;
}

.nav> a {
  color: #fff;
}


.nav>li>a {
  color: #fff;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #78beff;
	font-style:italic;
}


.fontmobilet {
  font-size: 70px;
}

.fontmobileminit {
  font-size: 16px;
}

}
@media screen and (max-height: 768px){

}


@media screen and (max-height: 900px){


}
/*    Wide Mobile Layout: 480px.
    Gutters: 24px.
    Outer margins: 22px.
    Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

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


}




/*  Retina media query.
  Overrides styles for devices with a 
  device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  
  
  
}