/* media queries **********************/

/* portrait ----------- */
@media only screen and (max-width:320px) 
{      
} 

/* landscape ----------- */
@media only screen and (max-width : 500px)  
{  

    .ikb-article-header dl { display: none; }

    .ikb-tab-toc { display: none; }
    .ikb-tab-main { float: left; width: 100%; }

    .i-pager a { margin: 0; }     
    
    .ikb-admin-footer .i-float-left { float: left; width: 100%; }   
    .ikb-admin-footer .i-float-right { float: left; width: 100%; margin-top: 12px; }   
  
}

/* only mobile ----------- */
@media only screen and (min-width : 1px) and (max-width : 480px) {
           
    div[data-mobile="false"],  i[data-mobile="false"], span[data-mobile="false"], a[data-mobile="false"], .hide-mobile { display: none; }         
    div[data-mobile="true"],  i[data-mobile="true"], span[data-mobile="true"], a[data-mobile="true"], .show-mobile { display: inline !important; }     
    div[data-tablet="false"], i[data-tablet="false"], span[data-tablet="false"], a[data-tablet="false"], .hide-tablet { display: none; }     
    div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; }

    .docs-header { border-color:#4BC1F2; background:#4BC1F2; min-width:518px;}

    .docs-body .ikb-article-opts .fa-print { display: none; }
    .docs-body .ikb-article-opts .fa-rss { display: none; }
    .docs-body .ikb-article-opts .fa-file-pdf-o { display: none;}

    .i-banner { border-bottom-width: 1px;  border-style: solid; min-width:518px !important;}
}

/* tablet **********************/

/* portrait ----------- */
@media only screen and (max-width : 768px) 
{
    /* administrator / agent header */
    .i-admin-top-bar .i-col-2 { display: none; }
    .i-admin-top-bar .i-i-col-10 { width: 100% !important; }
    .i-admin-top-bar a.i-mobile-search { width: auto !important; display: inline; }
    .i-admin-top-bar .i-mobile-left { float: left; }

    .i-admin-search { margin: 0 !important; width: auto !important; }
    .i-admin-search div.i-desktop-search { display: none }
  
    /* add a little more padding to paging buttons for touch */
    .i-pager a span, .i-pager a.selected span { padding: 14px; }
    .i-pager a .i-pager-active-bg { padding: 0 !important; }
    .i-pager, .i-pager div, .i-pager span { float: left; }

    .i-admin-footer { font-size: 8pt; text-align: center; }    
    .i-admin-footer .fr { display:inline-block; float: none !important; }
    .i-admin-footer .left{ display: none; }
    
    .i-responsive-table td { display: block; width: auto !important; }
    .i-responsive-table-hide { display: none !important; }

    .ikb-view-ticket-details-cell { display: block; width: 100%; }
    .ikb-view-ticket .ticket-info .info { float: left; width: 100%; margin-bottom: 12px; }
    .ikb-view-ticket .ticket-info .padding { padding: 0;  }

    .sm-button { display: block; width: 100% !important; margin-bottom: 12px; }
    .sm-button a { margin: 0 auto;  width: 100%; padding: 9px 0; text-align: center; }

    .docs-search {  display: none; }
    .docs-toggle-toc { display: inline;  }
    
    .docs-toc { display: none; position: absolute; z-index:2; width: 300px !important; border-right: 1px solid #ddd; }    
    .docs-toc .tree-view .toggle-icon {  padding: 2px 4px !important; }
    .docs-toc .tree-view a { padding: 6px !important; }
    
    /*MC: .docs-body { position: absolute; width: auto !important; z-index:1; }*/
    .docs-body { position: absolute; width: 100% !important; z-index:1; }
    .docs .rspResizeBar { display: none; }
    .docs-toggle-toc-link { display: inline; }
    .docs-user-panel { display: none; }
    
    .RadSplitter .rspPane .rspFirstItem { width: 100% !important; display: block !important; }
    .reTlbVertical .reToolbar { display: none !important; }

    .resiweb-contact-form { width: 100% !important;}

    .i-banner { border-bottom-width: 1px;  border-style: solid; min-width:518px !important;}
    .i-banner .i-logo-product{float: right; width: 244px; height: 75px; margin-right: 6px; background-position: center center; background-repeat: no-repeat;}
    .i-banner .i-logo-spiels {display:none}

}

@media only screen and (min-width : 769px) {
    .docs-toc, .docs-body { position:static; display: block !important; left: 0 !important; }    
    .docs-mobile-search { display: none !important; }
}

/* landscape ----------- */

/* below 1024px */
@media only screen and (max-width : 1024px) 
{   

    /* layout */
    .i-pull-in-1x, 
    .i-pull-in-2x,
    .i-pull-in-3x,
    .i-pull-in-4x { width: 100%; }
       
    .i-user-bar .i-title { display: none; }
    .i-user-bar .i-mobile-bread-crumb { visibility: hidden; display: inline; }
    .i-user-bar .i-mobile-bread-crumb-visible { visibility: visible; }

    /* breadcrumb */  
    .i-bread-crumb ul li { float: left; display: none; margin-left: 0; }
    .i-bread-crumb ul li.sep { display: none; }
    .i-bread-crumb ul li a { float: left; width: 100%; padding: 0;  }
    .i-bread-crumb ul li a:hover {  }
    .i-bread-crumb ul li.last { display: block !important; }          
    .i-bread-crumb ul li.last a { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .i-bread-crumb ul li.last a:before { margin-right: 6px; font-size: 10pt; font-family: "FontAwesome"; content: "\f054"; } 

    /* admin */   
    .i-admin-top-bar .i-col-2 { display: none; }
    .i-admin-top-bar .i-i-col-10 { width: 100%; }

    /* reset layouts */
 
    /*.i-banner { display: none; }*/
    .i-mobile-nav { display: block; }

    /* hide desktop search suggestions menu */
    .ikb-search-results-desktop-mnu { display: none !important; }

    /* home & tab panels */
    .ikb-home-main { float: left; width: 100%;  }
    .ikb-home-extra { float: left; width: 100%; margin-top: 16px; }
    
    /* article layout */
     
    .ikb-article-details { display: none; }
    .ikb-article-photo { display: none; }
        
    /* tags */
    .i-tags-33, .i-tags-25 { width: 100%; }
    .i-tags-right { float: left; }
    .i-tags-right a.tag  { margin: 0px; margin-top: 24px; margin-right: 6px; }
        
    .ikb-dialog-choices a .padding {  padding: 42px 0; }    

    .i-admin-body-padding { margin: 0 12px; }

    .docs-search .i-search-input input.active { width: 350px; }
}


/* only tablets ----------- */

/* between 480px & 1024px */
@media only screen and (min-width : 480px) and (max-width : 1024px)
{
    div[data-tablet="false"], i[data-tablet="false"], span[data-tablet="false"], a[data-tablet="false"], .hide-tablet { display: none; }         
    div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; } 
    div[data-tablet="true"],  i[data-tablet="true"], span[data-tablet="true"], a[data-tablet="true"] { display: inline; }        

    .i-banner { border-bottom-width: 1px;  border-style: solid; min-width:1025px;}
}

/* desktops **********************/

/* below 1200px */
@media only screen and (max-width : 1200px)
{ 

    /* Styles */
    .content-left-one, 
    .content-left-two,
    .content-right-one, 
    .content-right-two {float: left; width:100%;  }
                   
    .i-responsive-asides-navigation { display: inline; }
    .i-responsive-asides { position: relative; overflow: hidden; }
    .i-responsive-asides-extra {  left: 0; top: 0; width: 100% !important; display: none; }
    .i-responsive-asides-body { left: 0; top: 0; width: 100% !important;  }
  
    /* right panel in article */
    
     .i-center { width: 96%; }
        
    /* social buttons */
    .ikb-social-links { display: none; }
    .ikb-article-social .ikb-social-links { display: block; }
       
    .docs-search .i-search-input input.active { width: 500px; }
    
}

/* above 1024 */
@media only screen and (min-width : 1024px) {
          
    /* generic selector enabled for desktops */    
    div[data-desktop="false"], i[data-desktop="false"], span[data-desktop="false"], a[data-desktop="false"] { display: none; }    
    div[data-desktop="true"], i[data-desktop="true"], span[data-desktop="true"], a[data-desktop="true"] { display: inline; }

}

/* above 1024 */
@media only screen and (min-width : 1200px) {
           
    .content-full {  display: inline-block !important; }
    .content-left-one { float: left; width: 75%;  display: inline-block !important; }
    .content-left-two { float: right; width: 24%;  display: inline-block !important; }    
    .content-right-one { float: left; width: 20%;  display: inline-block !important; }
    .content-right-two { float: right; width: 79%;  display: inline-block !important; }
    
}