/*
	LJB Management Responsive Styles
    Site Name: RoboticsTomorrow
	Description: A mobile responsive and HTML5 design.
	Author: Agua Web Design
	Author URI: http://www.aguawebdesign.com/
*/


/* Table of Contents

	- Imports
	- Site Navigation
		- Responsive Menu
    - Responsive Tables
	- Media Queries
		- max-width: 1139px
		- max-width: 1023px
		- max-width: 767px

*/


/*
Imports
---------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Icon';
	src:url('/fonts/Icon.eot');
	src:url('/fonts/Icon.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Icon.woff') format('woff'),
		url('/fonts/Icon.ttf') format('truetype'),
		url('/fonts/Icon.svg#Icon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
	padding: 10px 0;
	padding: 1rem 0;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #fff;
	content: "\e00e";
	font-family: 'Icon';
	font-size: 1.6rem;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-align: center;
	text-transform: none;
}

/* Responsive Tables
--------------------------------------------- */

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.


*/
<!--[if !IE]><!-->
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #e1e1e1; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
        top: .6rem;
		left: 6px;
        left: .6rem;
		width: 45%; 
		padding-right: 10px;
        padding-right: 1rem;
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Display Page"; }
	td:nth-of-type(2):before { content: "Description"; }
	td:nth-of-type(3):before { content: "Listing Procedure"; }
}
<!--<![endif]-->
  
/*
Media Queries
---------------------------------------------------------------------------------------------------- */

/*@media only screen and (max-width: 1139px)*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	.site-container,
	.wrap {
		max-width: 960px;
	}

	.sidebar-content-sidebar .content-sidebar-wrap {
		width: 790px;
	}

    .content {
		width: 610px;
	}
    
    .admin .content {
		width: 730px;
	}

	.sidebar-content-sidebar .content {
		width: 480px;
	}

	.sidebar-secondary {
		width: 170px;
	}

}

@media only screen and (max-width: 1139px) {
    
 	.site-container,
	.wrap {
		max-width: 960px;
	}
    
    .content {
		width: 610px;
	}
    
    .admin .content {
		width: 730px;
	}
    
    .title-area {
        float: left;
        width: 670px;
    }
    
}

@media only screen and (max-width: 1023px) {

	.site-container,
	.wrap {
		max-width: 750px;
	}

	.content,
    .admin .content,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
    .admin .sidebar-primary,
	.site-header .header-tools-area {
		width: 100%;
	}

	.nav-menu,
	.site-header .title-area,
	.site-header .header-tools-area {
		text-align: center;
	}
    
    .site-header .title-area,
    .site-header .header-tools-area {
		float: none;
        clear: both;
	}
    
    .site-description {
        padding-right: 20px;
        line-height: 1.2;
    }
    
    .site-title {
        float: left;
    }
    
    .header-tools-area #search-toggle {
        width: 300px;
        position: absolute;
        left: 0;
    }
    
    .header-tools-area #login-toggle {
        width: 300px;
        position: absolute;
        right: 0;
    }
    
    #search-toggle .toggle_trigger {
        background-position: left 3px;
        padding-left: 43px;
        padding-right: 0;
        text-align: left;
    }
    
    .header-tool.social-icons .addthis_toolbox {
        display: table;
        margin: 0 auto;
        float: none;
    }

	.nav-primary {
		position: relative;
	}

	.site-header,
	.title-area {
		padding-top: 0;
	}
    
    .site-header .wrap {
        border-top: none;
        padding: 1rem 0;
    }

	.title-area {
		padding-bottom: 20px;
		padding-bottom: 2rem;
	}

	.header-image .site-header .title-area {
		padding-bottom: 0;
	}

	.nav-menu > .right {
		display: none;
	}

}

@media only screen and (max-width: 768px) {

	.site-container,
    .site-promo .nav-promo,
    .site-promo .promo-banner,
    .title-area,
	.site-title,
    .site-description,
    .site-description p,
    .header-tools-area .social-icons {
		float: none;
        text-align: center;
        width: 100%;
	}
    
    .

    .site-title,
    .site-description,
    .site-description p {
        height: auto;
        display: inherit;
        margin: 0 0 10px;
        margin: 0 0 1rem;
    }

    .site-promo .nav-promo,
    .site-promo .promo-banner {
        margin-left: 0;
        margin: 0;
    }
    
    .site-promo .nav-menu .menu-item {
        float: left;
        width: 25%;
        text-align: center;
    }
    
    .site-promo .nav-promo ul {
        margin: 0;
    }
    
    .site-promo .nav-menu .menu-item:after {
       content: "."; 
       visibility: hidden; 
       display: block; 
       height: 0; 
       clear: both;
    }
    
    .header-tools-area .social-icons .addthis_toolbox {
        display: table;
        margin: 0 auto;
    }
    
     
    .header-tools-area #search-toggle {
        width: 300px;
        position: absolute;
        left: 0;
    }
    
    .header-tools-area #login-toggle {
        width: 300px;
        position: absolute;
        right: 0;
    }
    
    .header-tool.social-icons .addthis_toolbox {
        display: table;
        margin: 0 auto;
        float: none;
    }
    
    .header-tools-area a.entry-meta {
        text-align: left;
        padding-left: 10px;
        padding-left: 1rem;
    }
    
    .site-promo .promo-tile {
        display: none;
    }
    
    .site-footer,
	.site-header .title-area,
	.site-inner {
		padding-left: 5%;
		padding-right: 5%;
	}

	.nav-menu > .first > a {
		padding-left: 20px;
		padding-left: 2rem;
	}

	.nav-primary .responsive-menu {
		display: none;
	}

	.nav-primary #responsive-menu-icon {
		display: block;
		text-align: center;
	}

	.pagination li a {
		margin-bottom: 4px;
		margin-bottom: 0.4rem;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
    
    #login-toggle .one-half,
    #search-toggle .one-half {
        margin-left: 2.564102564102564% !important;
        width: 48.717948717948715% !important;
    }
    
    #box_preview {
        max-width: 500px;
        margin-left: -250px;
    }
    .entry-title .image .imgtext { 
       bottom: 10px; 
        padding: 5px 2%;
    }

    .entry-title .image .imgtext span{ 
       color: white; 
       font: 25px/38px 'Roboto', sans-serif; 
    }

}

@media only screen and (max-width: 768px) {
    
    /* Hide Stream Images + menu on home/category landing pages */
    .stream-images,
     .nav-primary {
        display: none;
    }
}

@media only screen and (max-width: 568px) {
        
    .header-tools-area #login-toggle,
    .header-tools-area #search-toggle {
        width: 100%;
        position: relative;
        margin: 0 auto;
        max-width: 100%;
    }
    
    #search-toggle .toggle_trigger {
        background-position: right 3px;
        padding-left: 0;
        padding-right: 43px;
        text-align: right;
    }
    
    .stream-images .stream-image-single {
		float: none;
        text-align: center;
        width: 100%;
	}
}


@media only screen and (max-width: 505px) {
    #box_preview {
        max-width: 400px;
        margin-left: -200px;
    }
    .entry-title .image .imgtext span{ 
       color: white; 
       font: 18px/28px 'Roboto', sans-serif; 
    }
}

@media only screen and (max-width: 405px) {
    #box_preview {
        border: 2px;
        max-width: 350px;
        margin-left: -175px;
    }
    #box_preview #preview_scroll {
        padding: 0;
    }
    ..ctct-custom-form {
        min-width: 260px !important;
        padding: 5px !important;
    }
    .entry-title .image .imgtext span{ 
       color: white; 
       font: 16px/24px 'Roboto', sans-serif; 
    }
}