/* ********************  ITIRDMediaScreen.css  ******************* */

/* ********************
#content-desktop {
    display: block;
    }
#content-mobile {display: none;}
    

@media screen and (max-width: 768px) {
    #content-desktop {display: none;}
    #content-mobile {
        display: block;
    }       
    }
******************* */

.header{
	position:fixed;
    position:relative;
	top:0;
	width:100%;
	background-color: white;
	height: 70px;
	line-height: 1.6;
	vertical-align: text-bottom;
	z-index:1
    }
    
.entry-content:after {clear: both;} 

@media (max-width:701px) {
    .RD-modal-content {margin:0 10px; width:auto!important} 
    .RD-modal {padding-top:30px} 
    .RD-dropdown-hover .RD-mobile .RD-dropdown-content, 
    .RD-dropdown-click .RD-mobile .RD-dropdown-content {position:relative}
    .RD-mobile {display:block; width:100%!important} 
    .RD-bar-item .RD-mobile, .RD-dropdown-hover.RD-mobile, 
    .RD-dropdown-click .RD-mobile {text-align:center} 
    .RD-dropdown-hover .RD-mobile, .RD-dropdown-hover .RD-mobile .RD-btn, 
    .RD-dropdown-hover .RD-mobile .RD-button, .RD-dropdown-click .RD-mobile, 
    .RD-dropdown-click .RD-mobile .RD-btn, 
    .RD-dropdown-click .RD-mobile .RD-button {width:100%}
} 

@media (max-width:768px) {
    .RD-modal-content {width:500px} 
    .RD-modal {padding-top:50px} 
} 

@media screen and (min-width: 930px) {
    .RD-modal-content {width:900px} 
    .RD-sidebar .RD-collapse {display:block !important} 
} 

@media (max-width:929px) {
    .RD-sidebar .RD-collapse {display:none} 
    .RD-main {margin-left:0 !important; margin-right:0 !important} 
} 

@media (min-width:1366px) {
    .RD-modal-content {width:900px} 
    .RD-sidebar .RD-collapse {display:block!important}
} 

@media (min-width:1900px) {
    .RD-modal-content {width:1000px} 
    .RD-sidebar .RD-collapse {display:block!important}
} 



/* ***** hide definitions ***** */

@media screen and (min-width: 702px){
    .hideLG702 {display:none!important; } 
} 

@media screen and (max-width: 703px){
    .hideSM703 {display:none!important; } 
} 

@media (max-width:701px) {
.hide-small {display:none!important}    
}

@media screen and (max-width: 929px) and (min-width: 702px){
    .hide-medium {display:none!important; } 
} 

@media screen and (min-width: 930px) {
    .hide-large {display:none !important} 
} 

@media (min-width:1366px) {
    .hide-Xlarge {display:none!important} 
} 

@media (min-width:1900px) {
    .hide-Xlarge {display:none!important}
} 





/* ********** definitions for header & navbar ********** */

/* #BannerSP, #BannerSL, #BannerM, #BannerL {   
        display:inline-block; 
        position:absolute;
        position:fixed;
        top:0px;
        width:100%;
        background-color: white;       
        line-height: 1.6;  
    }
*/

#BannerSP, #BannerSL, #BannerM, #BannerL {   
        display:inline-block; 
        position:absolute;
        position:fixed;
        top:0px;
        width:100%;
        background-color: white;       
        line-height: 1.6;  
    }


.ITIlogo-left {float:left !important;}

.txt-header-center, .txt-header-right {  
        font-family: 'Open Sans',Arial, Helvetica, sans-serif;
        letter-spacing:0.3em;
        line-height: 1.6;         
}

.txt-header-right {  
        text-align:left !important;
        vertical-align: text-bottom;         
        float:right !important;
     }    



/*  **********  DEFINITIONS FOR header  **********  */  
	 
@media (max-width:620px) and (orientation: portrait) {
    #BannerSP{ 
        z-index:2;
        height: 60px;       
        margin-top: 0;
        margin-right: auto;
        padding-right: 20px;      
    }            
    .ITIlogo-left {margin-left: 15px; margin-top: 13px;}
    .txt-header-right {margin-top: 6px; margin-right: 0px;}       
    .RD-top {top:60px;} 
    .top-slides {margin-top:90px;}
	.hide-WidthS {display:none!important; }
    .hide-WidthSP {display:none!important; }
}


@media (max-width:620px) and (orientation: landscape) {
    #BannerSL{z-index:2; height: 60px;}            
    .ITIlogo-left {margin-left: 15px; margin-top: 13px;}
    .txt-header-right {margin-top: 22px; margin-right: 20px;}        
    .RD-top {top:60px;} 
    .top-slides {margin-top:90px;}
    .hide-WidthS {display:none!important; }
    .hide-WidthSL {display:none!important; }
}


@media screen and (max-width: 969px) and (min-width: 621px) {   
    #BannerM{z-index:2; height: 110px;}            
    .ITIlogo-center {
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }     
    .txt-header-center{  
        margin-bottom: 15px;        
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;         
    }   
    .RD-top {top:110px;} 
    .top-slides {margin-top:140px;}
    .hide-WidthM {display:none!important; } 
}


@media screen and (min-width: 970px) {  
    #BannerL {z-index:2; height: 70px;}          
    .ITIlogo-left {margin-left: 20px;}
    .txt-header-right {margin-top: 29px; margin-right: 20px;}   
    .RD-top {top:70px;}
    .top-slides {margin-top:100px;}
    .hide-WidthL {display:none!important;} 
}



/*  ******************************  DEFINITIONS FOR navigation and page content  ******************************  */  
@media (max-width:600px){
    .RD-modal-content{margin:0 10px; width:auto!important}
    .RD-modal{padding-top:30px}
    .RD-dropdown-hover .RD-mobile .RD-dropdown-content,
    .RD-dropdown-click .RD-mobile .RD-dropdown-content{position:relative}
    .hide-small{display:none!important}
    .RD-mobile{display:block; width:100%!important}
    .RD-bar-item .RD-mobile, .RD-dropdown-hover.RD-mobile,
    .RD-dropdown-click .RD-mobile{text-align:center}
    .RD-dropdown-hover .RD-mobile, .RD-dropdown-hover .RD-mobile .RD-btn,
    .RD-dropdown-hover .RD-mobile .RD-button, .RD-dropdown-click .RD-mobile,
    .RD-dropdown-click .RD-mobile .RD-btn,
    .RD-dropdown-click .RD-mobile .RD-button{width:100%}
}

@media (max-width:768px){
    .RD-modal-content{width:500px}
    .RD-modal{padding-top:50px}
}

@media (min-width:993px){
    .RD-modal-content{width:900px}
    .hide-large{display:none!important}
    .RD-sidebar .RD-collapse{display:block!important}
    .sidenav .RD-collapse{display:block!important}
}

@media (max-width:992px) and (min-width:601px){
    .hide-medium{display:none!important;}
}

@media (max-width:992px){
    .RD-sidebar .RD-collapse {display:none}
    .sidenav .RD-collapse {display:none}
    .RD-main {margin-left:0!important; margin-right:0!important}
}


@media (min-width:1366px){
    .RD-modal-content{width:900px}
    .hide-Xlarge{display:none!important}
    .RD-sidebar .RD-collapse{display:block!important}
    .sidenav .RD-collapse{display:block!important}
}

@media (min-width:1900px){
    .RD-modal-content{width:1000px}
    .hide-Xlarge{display:none!important}
    .RD-sidebar .RD-collapse{display:block!important}
    .sidenav .RD-collapse{display:block!important}
}


@media (min-width:601px) {
    .RD-col.m1 {width:8.33333%;}
    .RD-col.m2 {width:16.66666%;}   
    .RD-col.m3, .RD-quarter {width:24.99999%;}
    .RD-col.m4, .RD-third {width:33.33333%;}
    .RD-col.m5 {width:41.66666%;}
    .RD-col.m6, .RD-half {width:49.99999%;}
    .RD-col.m7 {width:58.33333%;} 
    .RD-col.m8, .RD-twothird {width:66.66666%;}
    .RD-col.m9, .RD-threequarter {width:74.99999%;}
    .RD-col.m10 {width:83.33333%;}
    .RD-col.m11 {width:91.66666%;}
    .RD-col.m12 {width:99.99999%;}
}


@media (min-width:993px) {
    .RD-col.l1 {width:8.33333%;}   /* 12 */
    .RD-col.l2 {width:16.66666%;}   /* 6 */
    .RD-col.l3 {width:24.99999%;}   /* 4 */
    .RD-col.l4 {width:33.33333%;}   /* 3 */
    .RD-col.l5 {width:41.66666%;}   
    .RD-col.l6 {width:49.99999%;}   /* 2 */
    .RD-col.l7 {width:58.33333%;}   
    .RD-col.l8 {width:66.66666%;}   
    .RD-col.l9 {width:74.99999%;}
    .RD-col.l10 {width:83.33333%;}   
    .RD-col.l11 {width:91.66666%;}   
    .RD-col.l12 {width:99.99999%;}   

    .RD-col.sevencols {width:14%;}   /* 7 */
}


@media (max-width:600px) {
	.RD-modal-content {margin:0 10px;width:auto !important;}
	.RD-modal {padding-top:30px;}
	.RD-dropdown-hover.RD-mobile .RD-dropdown-content, .RD-dropdown-click.RD-mobile .RD-dropdown-content {position:relative;}	
	.hide-small {display:none !important;}
	.RD-mobile {display:block;width:100% !important;}
	.RD-bar-item.RD-mobile, .RD-dropdown-hover.RD-mobile, .RD-dropdown-click.RD-mobile {text-align:center;}
	.RD-dropdown-hover.RD-mobile, .RD-dropdown-hover.RD-mobile .RD-btn, .RD-dropdown-hover.RD-mobile .RD-button, .RD-dropdown-click.RD-mobile, 
	.RD-dropdown-click.RD-mobile .RD-btn, .RD-dropdown-click.RD-mobile .RD-button {width:100%;}
}


@media (max-width:768px) {.RD-modal-content {width:500px;} .RD-modal {padding-top:50px;}}


@media (min-width:993px) {
	.RD-modal-content {width:900px;}
	.hide-large {display:none !important;}
	.RD-sidebar.RD-collapse {display:block !important;}
}


@media (max-width:992px) and (min-width:601px) {.hide-medium {display:none !important;}}


@media (max-width:992px) {.RD-sidebar.RD-collapse {display:none;} .RD-main {margin-left:0 !important;margin-right:0 !important;}}

 
@media (min-width:1366px) {
    .RD-modal-content {width:900px} 
    .hide-Xlarge {display:none!important} 
    .RD-sidebar .RD-collapse {display:block!important} 
} 

@media (min-width:1900px) {
    .RD-modal-content {width:1000px} 
    .hide-Xlarge {display:none!important} 
    .RD-sidebar .RD-collapse {display:block!important} 
}