/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05/08/2015, 14:36:30
    Author     : diklag
*/

/***********   Media Queries    *********/

.navigation {
        max-width: none;
        padding: 0;
      }

      .navigation li {
        /*float: left;*/
      }

      .navigation li a {
        display: block;
        
      }
      .navigation li a:hover {
        
      }      
      .navheader { 
        font-size: 12px;
      }

      .slide-trigger {
        display: none; /* need this */
        
        cursor: pointer;
        margin-left: 15px;
        margin-right: 15px;
        padding: 7px 8px;
        font-size:13px;
      }

      .slide-trigger span {
        background-image: url("../img/dropdown-arrows.png");
        background-position: 0 -14px;
        display: block;
        float: right;
        margin-top: 8px;
        height: 14px;
        width: 32px;
      }
#menu-icon {display: none;}

@media screen and (min-width:650px) {
       #nav { display:block !important;}
}

@media screen and (max-width: 650px) {
    
    #menu-icon {display: block;position:absolute;left:14px;top:18px;background-image: url("../img/hamburger.png");height: 20px;width: 25px;text-indent: -9999px;}
    .header-content,.landing-clearcheck .header-content, .quote_block blockquote, #lightbox .lb-outerContainer, 
    #lightbox .lb-container img, #footer .row, .related-item
    {width:100% !important;}
	.related-item {max-width:100%; }
    .realted-posts {display: table;}
    #middle.landing {padding: 15px 0px 20px;}
    .header-logo {margin:0 auto;float: none;} 
    .partners .fixedNav .header-logo{position:absolute;left:57px;top:0;}
    .fixedNav .header-logo a{height:50px;}
    .header-content-right, #habla_window_div {display:none;}
    .partner-nav {height:55px;}
    .landing #content_wrap {padding: 0 4%;box-sizing:border-box;}
    
    .landing h1 {font-size: 20pt;}
    .landing h2 {font-size: 15pt;}
    .landing .fixedNav h2 {font-size: 11pt;}
    .landing .row {padding: 15px;box-sizing:border-box;font-size: 16px;}
    .landing #content_wrap p, .landing #content_wrap li, #form-content label, .links_list{font-size: 16px;}
     h2.navheader{margin:0;}
    
    .screen-wrap img, .landing .img-gallery, .img-gallery img, #content_wrap img, #content_wrap iframe {width:94%;height: auto;padding:0 !important;}
    table img, .bt_orange, .bt_blue, .bt_request {width:auto !important;}
    .slide-trigger { display: block;padding: 9px 4%; }
    .no-js .slide-trigger, .olrk-away { display: none; }
    .fixedNav .slide-trigger span { display: inline-block;width:20px;background-position:0 -17px; }
    .navigation { display: none; }
    .no-js .navigation { display: block; }
    .navigation { margin: 0 15px; }
    .navigation li { float: none !important; }
    .navigation li a { border-bottom: 1px solid #fff; }
    .lp-menu li a, .fixedNav .lp-menu li a {font:13.5pt/1.6 'Lato', sans-serif;}
    .fixedNav .lp-menu {margin:2px auto 20px;}
    .lp-menu {background: #fff;width:100%;margin:0px auto 20px !important;padding: 4%;box-sizing:border-box;}
    .fixedNav .bt_nav, .fixedNav .bt_nav:hover {margin:0;}
    .fixedNav .lp-menu {margin:56px 0 20px !important;}
    .fixedNav .lp-menu li {margin:0 23px 0 0 !important;}
        
    .button.bt_orange:after {background: none;}
   
    /* footer */
    .links_list {width:100% !important;margin:0;padding: 15px; box-sizing: border-box;}
    .links_list a, .links_list_title {font-size: 15px;}
    
    .partner-nav .header-logo {display: none;}
    
    /* Homepage */
     
    .content, #middle {
        box-sizing: border-box;
        padding-right: 5%;
        padding-left: 5%;
    }
    .content, #box, #box .blocks, #box .block, .news-box-wrap,
    .new-newsletter, #newsletter1, .homepage-companies, .awards-hp-item, .ibmchampions, .awards-hp-item,
    p.jshowoff-controls, #features .slide-frame
    {
        width: 100%;
        margin: 0 auto;
    }
    .news-box, #box .block {
        height: auto;
        box-sizing:border-box;
        margin-bottom: 0.5em;
    }
    p.jshowoff-controls {
        display: none;
    }
    /* old content pages */
    #middle, #sidebar1, #sidebar2, #content_wrap {
        width: 100%;
    }
    .m-table {
        overflow: auto;
    }
	.related-item {padding:0;}
}

/* iPad and other tablets (portrait) */
@media screen and (max-width: 768px) {
            html, body {
                        width:100% !important;
                        background: #fff;                 
            }            
            #container {
                        padding: 0 1em;
            }
            .slideshow {display: none;}
            #footer, #footerbox { width:100% !important;}
}

/* iPad and other tablets (landscape) */
@media screen and (max-width: 1024px) {
             html, body  {
                         width:100% !important;                        
             }
               #container {
                        padding: 0 1em;
            }             
           
}
@media screen and (max-width: 980px) {
             
           
           
}