@media 
only screen and ( max-device-width: 320px ) and ( max-device-width: 480px )
{
    .MenuText { line-height:10px;  }
    .Columns { top: 0px !important; }
    header { position: relative !important}
}

@media only screen and ( min-device-width: 321px) and ( min-device-width: 480px )
{   
    .Columns { top: 0px !important;}
    header { position: relative !important}
}

@media only screen and ( min-device-width: 1024px ) and ( max-device-heihgt:720px ) 
{   
    .Columns { top: 200px !important; }
}

@media only screen and ( max-device-width: 321px ) {
    #colorbox { margin: 10px 282px }
}

/*-------------------------------------------------------------------------------------------------*/
/*SCREEN 1024X720*/
/*-------------------------------------------------------------------------------------------------*/
/*From LANDSCAPE*/
@media 
screen and ( min-device-width: 720px ) and ( max-device-height: 1024px ) and ( orientation: landscape)
{
    #colorbox {top: 10px !important; margin-left: 25px !important; }
    #cboxOverlay {
        width: 1024px !important; height: 100% !important; min-height: 760px !important;            
        /*background-color: yellow !important;*/
    }
}

@media 
screen and ( min-device-width: 720px ) and ( max-device-height: 1024px ) and ( orientation: portrait )
{

    #colorbox {top: 30% !important; margin-left: 200px !important; }
    #cboxOverlay {
        width: 1024px !important; height: 100% !important; min-height: 1900px !important;        
        /*background-color: green !important;*/
    }    
}

/*From PORTRAIT*/
@media  
only screen and ( max-device-width: 720px )  and (orientation: portrait)
{
    #colorbox {top: 30% !important; margin-left: 20px !important; }
    #cboxOverlay {
        width: 1024px !important; height: 100% !important; min-height: 1915px !important;
        /*background-color: red !important;*/
    }
}

@media  
only screen and ( max-device-width: 720px ) and ( orientation: landscape)
{
    #colorbox { top: 10px !important; margin-left: 15px !important; }
    #cboxOverlay {
        width: 1024px !important; height: 100% !important; min-height: 760px !important;
        /*background-color: black !important;*/
    }
}

/*-------------------------------------------------------------------------------------------------*/
/*iPhone Portrait*/
/*-------------------------------------------------------------------------------------------------*/
@media
only screen and ( max-device-width: 320px ) and ( orientation: portrait)
{
    #colorbox { top: 30% !important; margin-left: 290px !important; }
}

/*iPhone lanscape*/
@media
only screen and ( min-device-width: 320px ) and ( max-device-width: 480px ) and ( orientation: landscape) 
{
    #colorbox { top: 10px !important; margin-left: 290px !important; }
}

@media  
only screen and ( min-device-width: 320px )  and ( max-device-width: 480px ) and ( orientation: portrait)
{
    #colorbox { top: 20px !important; margin-left: 80px !important; }
}


/*-------------------------------------------------------------------------------------------------*/
/*ANDROID 321px*/
/*-------------------------------------------------------------------------------------------------*/
/*Android portrait*/
@media
only screen and ( min-device-width: 321px ) and (orientation: portrait )
{
    #colorbox { top: 10px !important; margin-left: 300px !important; }
    #cboxOverlay { min-height: 1695px !important; }
}


/*-------------------------------------------------------------------------------------------------*/
/*1024x768*/
/*-------------------------------------------------------------------------------------------------*/
@media  screen and ( min-device-width: 768px ) and ( orientation: portrait)
{
    #colorbox { top: 20% !important; margin-left: 120px !important; }
    #cboxOverlay { width: 1024px !important; height: 100% !important; min-height: 1200px !important;
    /*background-color: orange !important;*/
    }
}
@media  screen and ( min-device-width: 768px ) and ( max-device-width: 1024px ) and ( orientation: landscape )
{
    #colorbox { top: 10% !important; margin-left: 10px !important; }
    #cboxOverlay { width: 1024px !important; height: 100% !important; min-height: 950px !important;
    /*background-color: orange !important;*/
    }
}
/*-------------------------------------------------------------------------------------------------*/

@media only screen and ( min-device-width: 320px ) {
    #colorbox {
        -moz-transition-property: none !important;
        -webkit-transition-property: none !important;
        -o-transition-property: none !important;
        transition-property: none !important;
    }
}