/* Large desktop */
@media (min-width: 1200px) {
    #banner {
        position: relative;
        width: 100%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    #wrapper {
        width: 100%;
        margin: 0 auto;
    }
    /**************************upper Header start**********************************/
    .floatr {
        float: none;
    }

    #upper_header {
        height: auto;
        background-color: #b2b2b2;
        width: 98%;
        text-align: center;
        border-bottom: thin solid #ADC9D7;
		float: left !important;
    }

        #upper_header h3 {
            color: #CCC;
            font-size: 12px;
            float: left;
            margin: 0;
            padding: 5px 10px;
            text-align: left;
        }

            #upper_header h3 a {
                color: #555555;
                font-size: 12px;
                margin: 0;
                text-decoration: none;
                text-align: center;
            }

    #upper_header_language {
        clear: none;
        float: right;
        margin: 0;
        padding: 0 10px 0 10px;
        text-align: center;
    }

    #upper_header_help {
        float: none;
        margin: 0;
        display: none;
    }

    #upper_header_print {
        float: none;
        margin: 0;
        display: none;
    }
    /**************************upper Header Over**********************************/

    /**************************Header start**********************************/

    #header {
        height: auto;
		width:98%;
    }

    #header-con {
        width: auto;
        margin: 0 auto;
        text-align: center !important;
    }

    #header-con-text {
        float: left;
        clear: none;
        margin: 15px 10px 0px 10px;
        width: 206px;
    }

    #header-con h2 span {
        color: #005daa !important;
        font-size: 16px !important;
        margin: 0 auto;
        text-align: center;
    }

    #header-con h3 span{
        color: #595959;
        font-size: 18px;
        margin: 0 auto;
        text-align: center;
        margin: 10px;
    }

    #header-con-text2 {
        float: none;
        clear: both;
        height: 25px;
        border-top: thin solid #ADC9D7;
		width:100%;
    }

        #header-con-text2 h2 {
            color: #005daa;
            font-size: 16px;
            margin: 0 auto;
            text-align: center;
            padding: 10px 0 10px 0;
        }

    #logo {
        width: 78px;
        height: 90px;
        padding: 0;
        float: left;
        margin: 5px 5px 0px 5px;
    }

    .header_center {
        width: 320px !important;
        margin: 0 auto !important;
    }

    .img {
        width: 100%;
    }
    /**************************Header Over**********************************/

    /**************************Banner start**********************************/
    #banner {
        position: relative;
        width: 100%;
    }

        #banner h2 {
            position: absolute;
            color: #005DAA;
            font-size: 36px;
            top: 54px;
            right: 92px;
        }

            #banner h2 span {
                color: #e87120;
                font-size: 36px;
            }

        #banner h3 {
            position: absolute;
            color: #333;
            font-size: 30px;
            top: 103px;
            right: 94px;
        }

        #banner h4 {
            color: #666666;
            position: absolute;
            font-size: 18px;
            top: 170px;
            right: 94px;
            text-align: right;
        }
    /**************************banner Over**********************************/

    .ca-item {
        float: none;
        width: auto;
        clear: both;
    }

    .ca-item_search {
        clear: both;
        display: block;
    }

    .ca-icon {
        clear: both;
        float: none;
        padding: 0 10px 10px 10px;
    }
    /* Navigation */
    .global_nav_device {
        background: #00305d;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        clear: both;
        margin: 10px 0;
        min-height: 40px;
    }

        .global_nav_device a, .open_nav {
            display: block;
            background: url(/_layouts/15/images/IML.Portal/nav_collapsed.png) no-repeat 0 0;
            width: 22px;
            height: 22px;
            float: right;
            text-indent: -9999px;
            overflow: hidden;
            margin: 0 0 0 0;
        }

    .nav_block {
        display: none;
    }

    .nav_label {
        display: block;
    }

    .open_nav {
        cursor: pointer;
    }

    .global_nav {
        width: auto;
        padding: 10px;
        background: #005DAA;
        clear: both;
        margin: 10px 0 10px 0;
        /*display:none;*/
        position: relative;
        min-height: 20px;
    }

    .close_nav {
        /*display:block;*/
        display: none;
        background: url(/_layouts/15/images/IML.Portal/nav_collapsed.png) no-repeat -42px 0;
        width: 18px;
        height: 18px;
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        margin: 0;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .global_nav ul {
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
        padding: 10px;
    }

        .global_nav ul li {
            float: none;
            font-size: 13px;
            position: relative;
            z-index: 10;
            list-style: none;
            clear: both;
			text-align: left;
        }

            .global_nav ul li a {
                border: none;
            }

                .global_nav ul li a:hover {
                    border: none;
                    background-color: #00467F;
                }
    /* Navigation Over*/
	
#suiteBar {
height: auto !important;
display: inherit !important;
}

.tab table{width: 97% !important;}
#header-con h3{text-align:left;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #wrapper {
        width: 100%;
        margin: 0 auto;
    }
    /**************************upper Header start**********************************/
    .floatr {
        float: none;
    }

    #upper_header {
        height: auto;
        background-color: #b2b2b2;
        width: 100%;
        text-align: center;
        border-bottom: thin solid #ADC9D7;
		float: left;
    }

        #upper_header h3 {
            color: #CCC;
            font-size: 12px;
            float: left;
            margin: 0;
            padding: 5px 10px;
            text-align: left;
        }

            #upper_header h3 a {
                color: #555555;
                font-size: 12px;
                margin: 0;
                text-decoration: none;
                text-align: center;
            }

    #upper_header_language {
        clear: none;
        float: right;
        margin: 0;
        padding: 0 10px 0 10px;
        text-align: center;
    }

    #upper_header_help {
        float: none;
        margin: 0;
        display: none;
    }

    #upper_header_print {
        float: none;
        margin: 0;
        display: none;
    }
    /**************************upper Header Over**********************************/

    /**************************Header start**********************************/

    #header {
        height: auto;
    }

    #header-con {
        width: auto;
        margin: 0 auto;
        text-align: center !important;
    }

    #header-con-text {
        float: left;
        clear: none;
        margin: 15px 10px 0px 10px;
        width: 260px;
    }

    #header-con h2 {
        color: #005daa;
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
    }

    #header-con h3 {
        color: #595959;
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        margin: 10px;
    }

    #header-con-text2 {
        float: none;
        clear: both;
        height: 25px;
        border-top: thin solid #ADC9D7;
		width: 100%;
    }

        #header-con-text2 h2 {
            color: #005daa;
            font-size: 16px;
            margin: 0 auto;
            text-align: center;
            padding: 10px 0 10px 0;
        }

    #logo {
        width: 78px;
        height: 90px;
        padding: 0;
        float: left;
        margin: 5px 5px 0px 5px;
    }

    .header_center {
        width: 390px !important;
        margin: 0 auto !important;
    }

    .img {
        width: 100%;
    }
    /**************************Header Over**********************************/

    /**************************Banner start**********************************/
    #banner {
        position: relative;
        width: 100%;
    }

        #banner h2 {
            position: absolute;
            color: #005DAA;
            font-size: 16px;
            top: 10px;
            right: 15px;
        }

            #banner h2 span {
                color: #e87120;
                font-size: 18px;
            }

        #banner h3 {
            position: absolute;
            color: #333;
            font-size: 14px;
            top: 35px;
            right: 15px;
        }

        #banner h4 {
            color: #333;
            position: absolute;
            font-size: 10px;
            top: 57px;
            right: 15px;
        }
    /**************************banner Over**********************************/
    .ca-item {
        float: none;
        width: auto;
        clear: both;
    }

    .ca-item_search {
        clear: both;
        display: block;
    }

    .ca-icon {
        clear: both;
        float: none;
        padding: 0 10px 10px 10px;
    }

    .field01 {
    }

        .field01 label {
            margin-top: 10px;
            margin-left: 0px;
            float: left;
            width: auto;
            clear: both !important;
        }

    .marl20 {
        margin-left: 0 !important;
    }

    .field01 input, .field01 select, .field01 textarea {
        clear: both;
    }

    .field01 span {
        float: none;
        padding-left: 00;
        clear: both;
    }

    .width06 {
        width: 90% !important;
    }

    .ca-item_form, .ca-result {
        width: 99%;
    }

    .ca-result {
        width: 98%;
        margin: 10px auto;
    }

    #submit {
        float: left;
        clear: none;
    }
    /* Navigation */
    .global_nav_device {
        background: #00305d;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        clear: both;
        margin: 10px 0;
        min-height: 40px;
    }

        .global_nav_device a, .open_nav {
            display: block;
            background: url(/_layouts/15/images/IML.Portal/nav_collapsed.png) no-repeat 0 0;
            width: 22px;
            height: 22px;
            float: right;
            text-indent: -9999px;
            overflow: hidden;
            margin: 0 0 0 0;
        }

    .nav_block {
        display: none;
    }

    .nav_label {
        display: block;
    }

    .open_nav {
        cursor: pointer;
    }

    .global_nav {
        width: auto;
        padding: 10px;
        background: #005DAA;
        clear: both;
        margin: 10px 0 10px 0;
        /*display:none;*/
        position: relative;
        min-height: 20px;
    }

    .close_nav {
        /*display:block;*/
        display: none;
        background: url(/_layouts/15/images/IML.Portal/nav_collapsed.png) no-repeat -42px 0;
        width: 18px;
        height: 18px;
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        margin: 0;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .global_nav ul {
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
        padding: 10px;
    }

        .global_nav ul li {
            float: none;
            font-size: 13px;
            position: relative;
            z-index: 10;
            list-style: none;
            clear: both;
        }

            .global_nav ul li a {
                border: none;
            }

                .global_nav ul li a:hover {
                    border: none;
                    background-color: #00467F;
                }
    /* Navigation Over*/
	#s4-workspace{width: 980px !important;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #wrapper {
        width: 100%;
        margin: 0 auto;
    }
    /**************************upper Header start**********************************/
    .floatr {
        float: none;
    }

    #upper_header {
        height: auto;
        background-color: #b2b2b2;
        width: 100%;
        text-align: center;
        border-bottom: thin solid #ADC9D7;
    }

        #upper_header h3 {
            color: #CCC;
            font-size: 12px;
            float: left;
            margin: 0;
            padding: 5px 10px;
            text-align: left;
        }

            #upper_header h3 a {
                color: #555555;
                font-size: 12px;
                margin: 0;
                text-decoration: none;
                text-align: center;
            }

    #upper_header_language {
        clear: none;
        float: right;
        margin: 0;
        padding: 0 10px 0 10px;
        text-align: center;
    }

    #upper_header_help {
        float: none;
        margin: 0;
        display: none;
    }

    #upper_header_print {
        float: none;
        margin: 0;
        display: none;
    }
    /**************************upper Header Over**********************************/

    /**************************Header start**********************************/

    #header {
        height: auto;
    }

    #header-con {
        width: auto;
        margin: 0 auto;
        text-align: center !important;
    }

    #header-con-text {
        float: left;
        clear: none;
        margin: 15px 10px 0px 10px;
        width: 304px;
    }

    #header-con h2 {
        color: #005daa;
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
    }

    #header-con h3 {
        color: #595959;
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        margin: 10px;
    }

    #header-con-text2 {
        float: none;
        clear: both;
        height: 25px;
        border-top: thin solid #ADC9D7;
    }

        #header-con-text2 h2 {
            color: #005daa;
            font-size: 16px;
            margin: 0 auto;
            text-align: center;
            padding: 10px 0 10px 0;
        }

    #logo {
        width: 78px;
        height: 90px;
        padding: 0;
        float: left;
        margin: 5px 5px 0px 5px;
    }

    .header_center {
        width: 423px !important;
        margin: 0 auto !important;
    }

    .img {
        width: 100%;
    }
    /**************************Header Over**********************************/

    /**************************Banner start**********************************/
    #banner {
        position: relative;
        width: 100%;
    }

        #banner h2 {
            position: absolute;
            color: #005DAA;
            font-size: 16px;
            top: 10px;
            right: 15px;
        }

            #banner h2 span {
                color: #e87120;
                font-size: 18px;
            }

        #banner h3 {
            position: absolute;
            color: #333;
            font-size: 14px;
            top: 35px;
            right: 15px;
        }

        #banner h4 {
            color: #333;
            position: absolute;
            font-size: 10px;
            top: 57px;
            right: 15px;
        }
    /**************************banner Over**********************************/
    .ca-item {
        float: none;
        width: auto;
        clear: both;
    }

    .ca-item_search {
        clear: both;
        display: block;
    }

    .ca-icon {
        clear: both;
        float: none;
        padding: 0 10px 10px 10px;
    }

    .field01 {
    }

        .field01 label {
            margin-top: 10px;
            margin-left: 0px;
            float: left;
            width: auto;
            clear: both !important;
        }

    .marl20 {
        margin-left: 0 !important;
    }

    .field01 input, .field01 select, .field01 textarea {
        clear: both;
    }

    .field01 span {
        float: none;
        padding-left: 00;
        clear: both;
    }

    .width06 {
        width: 90% !important;
    }

    .ca-item_form {
        width: 99%;
    }

    .ca-result {
        width: 98%;
        margin: 10px auto;
    }

    #submit {
        float: left;
        clear: none;
    }
    /* Navigation */
    .nav_label {
        display: block;
    }

    /* Navigation Over*/
}

/* Desktops */
@media only screen and (min-width: 992px) {
    .nav_label, .open_nav {
        display: none !important;
    }

    .nav_block {
        display: block !important;
    }
}