@media only screen and (max-width: 1344px) {
    .container{
        max-width: 80%;
    }
}
@media only screen and (max-width: 1235px) {
    #crypto-data .row .col *{
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1082px) {
	form button{
		margin-top: 1.25rem;
	}
}
@media only screen and (min-width: 992px) {
    #header #navbarSupportedContent2,
    #exchange-table-lists .options select.currencies,
    #upper-footer #bottomNavbarSupportedContent2{
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .container {
        max-width: 90%;
    }
    #header ul.navbar-nav li.separator{
        display: none;
    }
    #header ul.navbar-nav li,
    #header ul.navbar-nav li:last-child{
        padding-left: 0;
    }
    .mobile-padding-0{
        padding: 0;
    }
    .navbar {
        top: 0;
        padding: 0;
	}
	.navbar-toggler {
		border: none;
	}    
    .col.d-flex{
        margin-bottom: 0.3125rem
    }
    #exchange-table-lists .options ul.currencies{
        display: none;
    }
    #exchange-table-lists .options select.currencies{
        margin-bottom: 15px;
        border-radius: 0;
        background: transparent;
        color: #bdbdbd;
    }
    #exchange-table-lists .options select.currencies option{
        color: #000;
    }
    #logo, #upper-footer img {
		height: 60px;
    }
    #upper-footer  {
        text-align: center;
    }
}
@media (max-width: 576px) { 
    body {
        font-size: 0.75rem;
    }
    h1, .title h1 {
        font-size: 1.3rem;
    }
    .title h1 .text-lg {
        font-size: 1.8rem;
    }
    .features .container {
        max-width: 100%;
    }
    div.features .col {
        padding: 4rem 0;
    }
    div.features .col img {
        height: 70px;
    }
    .form-group {
        width: 100%;
    }
    .form-control, .btn {
        font-size: 0.875rem;
    }
    .coin-header {
        font-size: 0.9375rem;
    }
    .coin-header h1 {
        font-size: 1.25rem;
    }
    .coin-header .col-sm-8 {
        border-left: none;
        border-right: none;
        border-top: 1px solid #404146;
	    border-bottom: 1px solid #404146;
    }

}
@media (max-width: 767.98px) { 
    html, body {
        font-size: 0.875rem;
    }
    #header ul.navbar-nav:last-child {
        padding: 0;
    }
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    html, body {
        font-size: 0.9375rem;
    }
    div.features .col-12 p.desc {
        padding: 0 3rem;
    }
    .nav-tabs .nav-link {
        padding-left: .2rem;
        padding-right: .2rem;        
    }
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  @media (min-width: 768px) and (max-width: 1024px) {
    html, body {
        font-size: 0.9375rem;
    }
    .nav-tabs .nav-link {
        font-size: 0.8125rem;
    }
     .coin-header .col-sm-8 {
        border-left: 1px solid #404146;
        border-right: 1px solid #404146;
        border-top: none;
	    border-bottom: none;
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
    #market-volume .span-container {
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }
    #market-volume .span-container:last-child {
        margin: 0;
    }
    .features img {
        height: 70px;
    }
    div.features .col-12 p.desc {
        padding: 0;
    }
    #market-volume .span-container img {
        height: 40px;
    }
    .coin-header {
        font-size: 1rem;
    }
    .coin-header h1 {
        font-size: 2.375rem;
    }
    .coin-header .col-sm-2 img {
        margin-right: 5px;
    }
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  @media (min-width: 481px) and (max-width: 767px) {
    .form-control, .btn {
        font-size: 0.875rem;
    }
  }
  /* Pixel 2 */
  @media (min-width: 481px) and (max-width: 823px) and (orientation: landscape) {
    #market-volume .span-container {
        margin: 0;
    }
    #market-volume img {
        height: 35px;
    }
  }
  @media (min-width: 411px) and (max-width: 823px) {
    
    .form-control, .btn {
        font-size: 0.875rem;
    }
    .coin-header {
        font-size: 0.9375rem;
    }
    .coin-header h1 {
        font-size: 1.25rem;
    }
    .coin-header .col-sm-8 {
        border-left: none;
        border-right: none;
        border-top: 1px solid #404146;
	    border-bottom: 1px solid #404146;
    }
  }
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */  
  @media (min-width: 320px) and (max-width: 480px) {
    .h6, h6 {
        font-size: 0.9375rem;
    }
    .card-header{
        padding-left: .25rem;
        padding-right: .25rem;
    }
  }