//Min-Width: Refers to everything greater than or equal to the amount given. 
//Max-Width: Refers to everything less than or equal to the amount given. 
    @media only screen and (min-width : 320px) {
	
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1680px) {

	   h3{
	    font-size: 16px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 600px;
      }
	  .clockprice{
	  border-style:solid;
	  border-width: 1px;
      background-color: #000; 
      color: #CC3;
      font-size: 30px;
      }
    }
	
	
	 /* Medium Devices, Desktops */
    @media only screen and (max-width : 1280px) {
	   h3{
	    font-size: 16px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 500px;
      }
	  .clockprice{
	  border-style:solid;
	  border-width: 3px;
	  border-color: #900;
      background-color: #FFF; 
      color: #036;
      font-size: 30px;
      }
    }
	
	 @media only screen and (max-width : 1000px) {
	   h3{
	    font-size: 16px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 333px;
      }
	  .clockprice{
	  border-style:solid;
	  border-width: 1px;
      background-color: #000; 
      color: #CC3;
      font-size: 15px;
      }

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
	   h3{
	    font-size: 15px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 500px;
      }
	  .clockprice{
	  border-style:solid;
	  border-width: 1px;
      background-color: #000; 
      color: #CC3;
      font-size: 15px;
      }
      table{
       font-size:3.5em;
      }	 	  

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	   h3{
	    font-size: 14px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 500;
       }
	  .clockprice{
	  border-style:solid;
	  border-width: 1px;
      background-color: #000; 
      color: #CC3;
      font-size: 15px;
      }	   
	  table{
       font-size:2.5em;
      }	 

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	   h3{
	    font-size: 13px;
		color: #000;
	   }
	   .fixedtome{
       max-width: 500;
      }
	  .clockprice{
	  border-style:solid;
	  border-width: 1px;
      background-color: #000; 
      color: #CC3;
      font-size: 15px;
      }
	  table{
       font-size:1em;
      }	


    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
	  h3{
	  font-size: 12px;
	  font-weight: bold;
	  color: #000;
	  }
	  .fixedtome{
       max-width: 500px;
      }
  	  .clockprice{
	  border-style:solid;
	  border-width: 2px;
	  border-color: #900;
      background-color: #FFF; 
      color: #036;
      font-size: 18px;
      }
	  
	  table{
       font-size:1em;
      }
	  
        
    }





.chatbutton{
 font-size: 12px;
  width:fixed;
}



input {
 width: 100%;
 font-size: 16px;
}


.navbar-default {
  border: none;
}

.anchor{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index:1;
  color: #FFF;
  font-weight: bold;
}


 .padtop{
 padding-top: 10px;
}

.font-8pt{
 font-size: 8pt;
}

.inputvalidator{
 width: 100%;
 font-size: 16px;
 border-color:#F00;
}
  
 
    /* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}