/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
  
    
}
/* Mobile Layout lower than: 320px. */
@media only screen and (max-width: 767px) { 
 
}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
  #sp-header {text-align: center;}
  #sp-header .mod-custom p{text-align: center !important; margin-top: 10px;}
  #sp-header .logo-image{height: 50px;}
  .dj-megamenu-offcanvas{position: absolute; top: 0; right: 0;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  #sp-header {text-align: center;}
  #sp-header .mod-custom p{text-align: center !important; margin-top: 10px;}
  #sp-header .logo-image{height: 50px;}
  .dj-megamenu-offcanvas{position: absolute; top: 0; right: 0;}
}

@media only screen and (max-width:480px) {
#sp-header {text-align: center;}
}

@media only screen and (max-width:414px) {
#sp-header {text-align: center;}
}

@media only screen and (max-width:375px) {
  #sp-header {text-align: center;}
  #sp-header .mod-custom p{text-align: center !important; margin-top: 10px;}
  #sp-header .logo-image{height: 50px;}
  .dj-megamenu-offcanvas{position: absolute; top: 0; right: 0;}
}

@media only screen and (max-width:360px) {
  #sp-header {text-align: center;}
  #sp-header .mod-custom p{text-align: center !important; margin-top: 10px;}
  #sp-header .logo-image{height: 50px;}
  .dj-megamenu-offcanvas{position: absolute; top: 0; right: 0;}
}

@media only screen and (max-width:320px) {
 
  #sp-header {text-align: center;}
  #sp-header .mod-custom p{text-align: center !important; margin-top: 10px;}
  #sp-header .logo-image{height: 50px;}
  .dj-megamenu-offcanvas{position: absolute; top: 0; right: 0;}
}