/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* SCREEN SAMPLES - when using slick SLIDER*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .dnd_area-row-4-margin {
    margin-top: -10px !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up)  768x1366 */
@media only screen and (min-width: 600px) {
  .dnd_area-row-4-margin {
    margin-top: -40px !important;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .dnd_area-row-4-margin {
    margin-top: 0px !important;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .dnd_area-row-4-margin {
    margin-top: -50px !important;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up)  1366x768*/
@media only screen and (min-width: 1200px) {
  .dnd_area-row-4-margin {
    margin-top: -150px !important;
}
  
  /* Extra large devices (large laptops and desktops, 1200px and up)  1366x768*/
@media only screen and (min-width: 1920px) {
  .dnd_area-row-4-margin {
    margin-top: -300px !important;
}
}


/* SCREEN SAMPLES - 6 FEATURED */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .dnd_area-row-9-margin {
    margin-top: -10px !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up)  768x1366 */
@media only screen and (min-width: 600px) {
  .dnd_area-row-9-margin {
    margin-top: -40px !important;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .dnd_area-row-9-margin {
    margin-top: 0px !important;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .dnd_area-row-9-margin {
    margin-top: -50px !important;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up)  1366x768*/
@media only screen and (min-width: 1200px) {
  .dnd_area-row-9-margin {
    margin-top: -150px !important;
}
  
  /* Extra large devices (large laptops and desktops, 1200px and up)  1366x768*/
@media only screen and (min-width: 1920px) {
  .dnd_area-row-9-margin {
    margin-top: -300px !important;
}
}