@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
    #img3
    {
        margin-left: -12px;
    }
    #mainMenuButton
    {
        margin-top: -32px;
    }
    #slider1_container
    {
        margin-top: 62px;
        margin-left: -6px;
    }
    #imgdirectorTownClass
    {
        margin-right: 138px;
    }
    #upDiv
    {
        margin-top: 9px;
        margin-left: 20px;
    }
    .minister1Details
    {
        height: 50px;
    }
    #downDiv
    {
        margin-top: -122px;
        margin-left: 155px;
    }
    .content
    {
        margin-top: 0px;
    }
    .minister2Line1
    {
        font-size: 9px;
    }
    #municipalAdmin
    {
        padding-top: 0px;
        margin-top: 0px;
        margin-left: 52px;
    }
    #directorTown
    {
        padding-top: 0px;
        margin-top: -11px;
        margin-left: 52px;
    }
    #copyright
    {
        padding-top: 20px;
        padding-left: 50px;
        margin-top: 13px;
    }
     #menu-toggle
    {
        right: -82px !important;
        position: absolute !important;
        top:0px !important;
    }
    .myButton
    {
        transform: rotate(90deg);
    }
    .hvr-pop
    {
        position: absolute !important;
        width: 180px !important;
        right: 0px !important;
        top: -106px !important;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 640px)
{
    #municipalAdmin
    {
        padding-top: 0px;
        margin-top: 0px;
        margin-left: 52px;
    }
    #directorTown
    {
        padding-top: 0px;
        margin-top: -11px;
        margin-left: 52px;
    }
    #copyright
    {
        padding-top: 20px;
        padding-left: 50px;
        margin-top: 13px;
    }
    .minister2Line1
    {
        font-size: 9px;
    }
    #img3
    {
        margin-left: -12px;
    }
    #mainMenuButton
    {
        margin-top: -32px;
        margin-right: 2px;
    }
    #slider1_container
    {
        margin-top: 70px;
        margin-left: -6px;
    }
    #imgdirectorTownClass
    {
        margin-right: 180px;
    }
    #upDiv
    {
        margin-top: 9px;
        margin-left: 20px;
    }
    .minister1Details
    {
        height: 50px;
    }
    #downDiv
    {
        margin-top: -122px;
        margin-left: 155px;
    }
    .content
    {
        margin-top: 0px;
    }
     #menu-toggle
    {
        right: -82px !important;
        position: absolute !important;
        top:0px !important;
    }
    .hvr-pop
    {
        position: absolute !important;
        width: 180px !important;
        right: 0px !important;
        top: -106px !important;
    }
    .myButton
    {
        transform: rotate(90deg);
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    #municipalAdmin
    {
        padding-top: 0px;
        margin-top: 12px;
        margin-left: 0px;
    }
    #directorTown
    {
        padding-top: 0px;
        margin-top: 12px;
        margin-left: 0px;
    }
    #copyright
    {
        padding-top: 20px;
        padding-left: 50px;
        margin-top: 13px;
    }
    .content
    {
        margin-top: 0px;
    }
    #Img3
    {
        width: 275px;
        float: left;
        margin-top: 33px;
    }
    #imgdirectorTownClass
    {
        width: 130px;
    }
    .customsearch
    {
        margin-top: 0px;
    }
    #cssMainMenu
    {
        margin-top: -11px;
    }
    #cssMainMenu a
    {
        font-size: 13px;
    }
    #slider1_container
    {
        margin-top: 65px;
    }
    #upDiv
    {
        margin-top: 9px;
        margin-left: 190px;
    }
    #downDiv
    {
        margin-top: -123px;
        margin-left: 328px;
    }
    .minister2Line1
    {
        font-size: 9px;
    }
    .minister1Details
    {
        height: 50px;
    }
     #menu-toggle
    {
        right: -85px !important;
        position: absolute !important;
        top:0px !important;
    }
    .hvr-pop
    {
        position: absolute !important;
        width: 180px !important;
        right: 0px !important;
        top: -106px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 512px)
{
    #imgdirectorTownClass
    {
        margin-right: 278px;
    }
    #slider1_container
    {
        margin-top: 78px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 672px)
{

    #img3
    {
        margin-left: -12px;
    }
    .customsearch
    {
        margin-top: 10px;
        float: none;
    }
    #imgdirectorTownClass
    {
        margin-right: 80px;
    }
    .minister2Line1
    {
        font-size: 8px;
    }
    .minister1Line1
    {
        font-size: 9px;
    }
    #divImpMen
    {
        margin-left: -18px;
        margin-top: 14px;
    }
    #upDiv
    {
        margin-top: -124px;
        margin-left: 322px;
    }
    #downDiv
    {
        margin-top: -122px;
        margin-left: 155px;
        float: right;
    }
    .minister1Details
    {
        height: auto;
    }
}