/* Device = Desktops 
Screen = 1281px to higher resolution desktops*/
@media (min-width: 1281px) {
  .nav-desktop{}
  .nav-mobile{
    display: none !important;}

  .footer-div{}
  .footer-div-mobile{
    display: none !important;}

  .ad-div{}
  .ad-div-mobile{
    display: none !important;}

  .sub-nav-desktop{}
  .sub-nav-mobile{
    display: none !important;}
  
  .section-news-div{}
  .section-news-div-mobile{
    display: none !important;}
}

/* Device = Laptops, Desktops
Screen = B/w 1025px to 1280px*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .nav-desktop{}
  .nav-mobile{
    display: none !important;}

  .footer-div{}
  .footer-div-mobile{
    display: none !important;}

  .ad-div{}
  .ad-div-mobile{
    display: none !important;}

  .sub-nav-desktop{}
  .sub-nav-mobile{
    display: none !important;}

  .section-news-div{}
  .section-news-div-mobile{
    display: none !important;}
}

/* Device = Tablets, Ipads (portrait)
Screen = B/w 768px to 1024px*/
@media (min-width: 768px) and (max-width: 1024px) {
  .nav-desktop{
    display: none !important;}
  .nav-mobile{}

  .footer-div{
    display: none !important;}
  .footer-div-mobile{}

  .ad-div{
    display: none !important;}
  .ad-div-mobile{}

  .sub-nav-desktop{
    display: none !important;}
  .sub-nav-mobile{}

  .section-news-div{
    display: none !important;}
  .section-news-div-mobile{}

  .side-news-div{
    display: none !important;}

}

/* Device = Tablets, Ipads (landscape)
Screen = B/w 768px to 1024px*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .nav-desktop{
    display: none !important;}
  .nav-mobile{}

  .footer-div{
    display: none !important;}
  .footer-div-mobile{}

  .ad-div{
    display: none !important;}
  .ad-div-mobile{}

  .sub-nav-desktop{
    display: none !important;}
  .sub-nav-mobile{}

  .section-news-div{
    display: none !important;}
  .section-news-div-mobile{}

  .side-news-div{
    display: none !important;}


}

/* Device = Low Resolution Tablets, Mobiles (Landscape)
Screen = B/w 481px to 767px*/
@media (min-width: 481px) and (max-width: 767px) {
  .nav-desktop{
    display: none !important;}
  .nav-mobile{}

  .footer-div{
    display: none !important;}
  .footer-div-mobile{}

  .ad-div{
    display: none !important;}
  .ad-div-mobile{}

  .sub-nav-desktop{
    display: none !important;}
  .sub-nav-mobile{}

  .section-news-div{
    display: none !important;}
  .section-news-div-mobile{}

  .side-news-div{
    display: none !important;}


}

/* Device = Most of the Smartphones Mobiles (Portrait)
Screen = B/w 320px to 479px*/
@media (min-width: 320px) and (max-width: 480px) {
  .nav-desktop{
    display: none !important;}
  .nav-mobile{}

  .footer-div{
    display: none !important;}
  .footer-div-mobile{}

  .ad-div{
    display: none !important;}
  .ad-div-mobile{}
  
  .sub-nav-desktop{
    display: none !important;}
  .sub-nav-mobile{}

  .section-news-div{
    display: none !important;}
  .section-news-div-mobile{}
  
  .side-news-div{
    display: none !important;}

}