html{
  background-color: #000000;
  height: 100% !important;
}
body { 
  background: url('../img/Hue_Saturation 1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100% !important;
}

img.imglogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: 30px !important;
  margin-bottom: 40px !important;

}

img.imglogo2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

li.flex-active-slide img{
    width:100% !important;
}

.aff-block{
    padding:10px;
    border:1px dashed #959595;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#0f0f0f;
}

.bottom-menu{
    width:25% !important;
    display: inline;
}

.bottom-menu2{
    width:25% !important;
    display: inline;
}

.bottom-nav{
    width:100% !important;
}

.custom-nav{
    padding-left:0px !important;
}


		/* 
          ##Device = Desktops
          ##Screen = 1281px to higher resolution desktops
        */
        
        @media (min-width: 1281px) {
          
            img.imglogo {
                width: 30% !important;
            }
            .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
          
        }
        
        /* 
          ##Device = Laptops, Desktops
          ##Screen = B/w 1025px to 1280px
        */
        
        @media (min-width: 1025px) and (max-width: 1280px) {
         
            img.imglogo {
                width: 30% !important;
            }
          .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
        }
        
        /* 
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) {
          
            img.imglogo {
                width: 40% !important;
            }
          
        }
        
        /* 
          ##Device = Tablets, Ipads (landscape)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
         
            img.imglogo {
                width: 30% !important;
            }
            
          .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
          
        }
        
        /* 
          ##Device = Low Resolution Tablets, Mobiles (Landscape)
          ##Screen = B/w 481px to 767px
        */
        
        @media (min-width: 481px) and (max-width: 767px) {
          
          
            img.imglogo {
                width: 60% !important;
            }
          
        }
        
        /* 
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */
        
        @media (min-width: 320px) and (max-width: 480px) {
          
          img.imglogo {
                width: 60% !important;
            }
          
        }