/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* Styles */
    .offset-1
    {
        margin: auto;
    }
    #scrollTop
    {
        display: none;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    /* Styles */
    /* Styles */
    .offset-1
    {
        margin: auto;
    }
    #scrollTop
    {
        display: none;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    /* Styles */
    /* Styles */
    .offset-1
    {
        margin: auto;
    }
    #scrollTop
    {
        display: none;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* Styles */
    /* Styles */
    .offset-1
    {
        margin: auto;
    }
    #scrollTop
    {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
    /* Styles */
    .offset-1
    {
        margin: auto;
    }
    #scrollTop
    {
        display: none;
    }
}