/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    ul#tiny {
        display: none;
    }

    #menu-wrapper .menu1 {
        float: none;
        width: 100%;
    }

    .selectnav {
        display: block;
        float: none;
    }
    /*********Login***********/
    .selectCustomerTable td {
        width:100% !important;
        display:block;
        padding:0 0 10px 0;
        text-align:left
    }
    /*********Login end***********/
}
/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .masterTobBg .weclComeMsg {
        float: none;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .masterTobBg .topRightMenu {
        float: left;
        margin: 0 auto 4px auto;
        text-align: left;
        position:static
    }

        .masterTobBg .topRightMenu a {
            margin: 0 0 0 16px;
            color:#fff;
        }

    .companyLogo {
        /*width: 242px;*/
        margin: 0 auto;
        float: none;
    }

        .companyLogo img {
        }

        .companyLogo h1 {
            margin: 45px 0 0 2px;
            font-size: 18px;
            font-weight:400
        }

    ul#tiny {
        display: none;
    }

    #menu-wrapper .menu1 {
        float: none;
        top: 135px;
        width: 100%;
    }

    .selectnav {
        display: block;
        float: none;
        margin: 0 auto;
    }
    
    .selectCustomerTable td {
        width:100% !important;
        display:block;
        padding:0 0 10px 0;
        text-align:left
    }
    /*********Login end***********/
    /*******footer*******/
    .copyRight {
        float:none;
        text-align:center;
        margin:0 0 5px 0
    }
    .designBy {
        float:none;
        text-align:center
    }
    /*******footer end*******/
}

@media only screen and (max-width: 320px) {
    .masterTobBg .topRightMenu a {
        margin: 0 0 0 5px;
    }
}



@media (min-width: 600px) and (max-width:1280px) {
    .clearFloat {
        float:none !important;
        margin:10px 0 0 0
    }
}


@media (max-width: 767px) {
    .topHeadButtons {
        float:none !important;
        margin:0 0 10px !important
    }
        .topHeadButtons a.mainbutton1 {
            font-size:14px;
        }
        .topHeadButtons input.mainbutton1 {
            width:100%
        }
    .clearFloat, .map .left-panel {
        float:none !important
    }
    .map .left-panel {
        width:100% !important
    }
    .checkbox-vt td {
        padding: 4px 14px !important;
        display: block;
    }
    .checkbox-vt label {
        font-size:13px !important;
    }
    .showup-legend {
        width:100% !important;
    }
    .map .right-panel {
        padding-left: 0 !important;
        width: 100% !important;
        float: left !important;
        margin: 10px 0 !important;
    }
}



/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */