﻿
@media only screen and (max-width: 1430px) {

    /* Projects Sub Categories Menu */
    .projects-menu ul > li > a { font-size: 1.3em; padding: 0 30px; }

}

@media only screen and (max-width: 1300px) {

    .container.inner { padding: 0; }

    /* Content Image */
    .content-image-wrapper .content-image-content, .content-image-wrapper.content-right .content-image-content{ padding: 75px 55px; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-large { font-size: 5em; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-small { font-size: 2.25em; }

    /* Footer Image */
    .footer-text-wrapper .footer-text { font-size: 3em; padding: 0 125px; }
    
    /* Hero Text */
    .hero-image .hero-text { font-size: 3.75em; }

    /* Projects Sub Categories Menu */
    .projects-menu ul > li > a { font-size: 1em; padding: 0 20px; }

    /* Porject Page */
    .project-content { padding: 75px 45px; }
}

@media only screen and (max-width: 1080px) {

    h2, h2 a { font-size: 1.3em; }

    /* Header */
    .header-wrapper { display: none; }
    .header-wrapper-mobile { display: block; }
    .header-mobile-topper { display: block; }
    
    /* Menus */
    header .main-nav-btn { display: block; }
    header.mmenu { display: block; }
    
    /* Flexslider */
    .flexslider { margin-top: -60px; position: relative; }

    /* Page */
    .page { }
    
    /* Content Image */
    .content-image-wrapper .content-image-content, .content-image-wrapper.content-right .content-image-content{ padding: 65px 45px; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-large { font-size: 4em; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-small { font-size: 2em; }

    /* Footer Image */
    .footer-text-wrapper .footer-text { font-size: 2.5em; padding: 0 100px; }
    
    /* Hero Text */
    .hero-image .hero-text { font-size: 3em; }

    /* Projects Sub Categories Menu */

    /* Porject Page */
    .project-content { padding: 65px 35px; }
    
    /* Contact Page */
    .contact-information-wrapper { font-size: 1.15em; }
}

@media only screen and (max-width: 950px) {
    .projects-menu ul > li > a { font-size: 1em; padding: 0 10px; }
}

@media only screen and (max-width: 787px) {
    
    /* Base Grid */
    .columns.full               { padding: 0; }
    .columns                    { padding: 0 20px; }
    .columns.one, .columns.two, .columns.three, .columns.four, .columns.five, .columns.six, .columns.seven, .columns.eight { width: 50%; }
    .columns.nine, .columns.ten, .columns.eleven, .columns.twelve, .columns.thirteen, .columns.fourteen, .columns.fifteen, .columns.sixteen { width: 100%; }

    .columns.one-third          { width: 50%; }
    .columns.two-thirds         { width: 100%; }

    .columns.sidebar            { width: 100%; }

    .columns.m1                 { width: 6.25%; }
    .columns.m2                 { width: 12.5%; }
    .columns.m3                 { width: 18.75%; }
    .columns.m4                 { width: 25%; }
    .columns.m5                 { width: 31.25%; }
    .columns.m6                 { width: 37.5%; }
    .columns.m7                 { width: 43.75%; }
    .columns.m8                 { width: 50%; }
    .columns.m9                 { width: 56.25%; }
    .columns.m10                { width: 62.5%; }
    .columns.m11                { width: 68.75%; }
    .columns.m12                { width: 75%; }
    .columns.m13                { width: 81.25%; }
    .columns.m14                { width: 87.5%; }
    .columns.m15                { width: 93.75%; }
    .columns.m16                { width: 100%; }

    .columns.mot                { width: 33.333%; }
    .columns.mtt                { width: 66.667%; }

    .columns.sidebar { float: left; margin-top: 6%; text-align: center; width: 100%; }
    
    h2, h2 a { font-size: 1.2em; }

    /* Flexslider */
    .flexslider .slider-image .slide-caption { padding: 0; width: 100%; }
    .flexslider .slider-image .slide-caption span { font-size: 1.35em; padding: 30px; width: 100%; }
    .flexslider .slider-image .slide-caption span .button { margin-left: 30px; }

    /* Flexslider Direction Nav */
    .flexslider .flex-direction-nav li a { bottom: 3px; height: 50px; top: initial; }

    /* Flexslider Control Nav */
    .flex-control-nav { background-color: rgba(255,255,255,0.35); padding: 15px 0 13px; }

    /* Forms */
    .form .form-item label, .form.large .form-item label { text-align: left; width: 100%; }
    .form .form-item .basic-control, .form.large .form-item .basic-control { float: left; margin-top: 10px; width: 100%; }
    .form .form-item.buttons, .form.large .form-item.buttons { text-align: right; }
    .form .form-item .required, .form.large .form-item .required { float: right; margin: 0 0 10px; width: 100%; }

    /* Content Image */
    .content-image-wrapper .content-image { position: relative; min-height: 260px; width: 100%; }
    .content-image-wrapper .content-image-content { float: none; width: 100%; }

    /* Content Image */
    .content-image-wrapper .content-image-content, .content-image-wrapper.content-right .content-image-content{ padding: 55px 35px; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-large { font-size: 3.5em; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-small { font-size: 1.75em; }
    
    /* Footer Image */
    .footer-text-wrapper .footer-text { font-size: 2em; padding: 0 75px; }
    
    /* Hero Text */
    .hero-image .hero-text { font-size: 2.5em; }

    /* Projects Sub Categories Menu */
    .projects-menu ul > li { width: 100%; }
    .projects-menu ul > li > a { font-size: 1.15em; line-height: 45px; padding: 0 15px; width: 100%; }

    /* Porject Page */
    .project-content { padding: 55px 25px; }
    
    .career-item .salary, .career-page .salary  { float: none; font-size: 1.210em; margin-bottom: 20px; }

    /* Contact Page */
    .contact-information-wrapper { font-size: 1em; }

}

/*  In between, when things don't look right */
@media only screen and (max-width: 650px) {
    /* Flexslider */
    .flexslider .slider-image .slide-caption span { font-size: 1.25em; }

    /* Full List */
    .page-list.full-list .page-list-item .list-image { width: 40%; }
    .page-list.full-list .page-list-item .list-content { width: 60%; }
}

@media only screen and (max-width: 600px) {
    /* Full List */
    .page-list.full-list .page-list-item .list-image { width: 50%; }
    .page-list.full-list .page-list-item .list-content { width: 50%; }

    
    .news-list .news-item .image { display: none;  }
    .news-list .news-item .image.for-mobile { display: block; }

    .news-page .image { display: none;  }
    .news-page .image.for-mobile { display: block; }
}

@media only screen and (max-width: 550px) {
    /* Flexslider */
    .flexslider .slider-image .slide-caption span { font-size: 1.125em; }
}

/*  Mobile Portrait To Mobile Landscape */
@media only screen and (max-width: 479px) {

    /* Base Grid */
    .columns.full               { padding: 0; }
    .columns                    { padding: 0 20px; }
    .columns.one, .columns.two, .columns.three, .columns.four, .columns.five, .columns.six, .columns.seven, .columns.eight,
    .columns.nine, .columns.ten, .columns.eleven, .columns.twelve, .columns.thirteen, .columns.fourteen, .columns.fifteen, .columns.sixteen { width: 100%; }
    
    .columns.one-third          { width: 100%; }
    .columns.two-thirds         { width: 100%; }

    .columns.sidebar            { width: 100%; }

    /* Footer Icons */
    footer .footer-info-wrapper { font-size: 0.9em; }

    /* Footer News */
    footer .footer-news .news-item { background-color: transparent; padding: 0; }
    footer .footer-news .news-item .image { left: 0; position: absolute; top: 8px; width: 55px; }
    footer .footer-news .news-item .news-info { padding: 0 0 0 65px; width: 100%; }
    footer .footer-news .news-item h3 { font-size: 1em; }
    footer .footer-news .news-item .published-date { font-size: 0.8em; }
    footer .footer-news .news-item .description { font-size: 0.8em; }

    /* Footer Links */
    footer ul.footer-links { text-align: center; }
    footer ul.footer-links li:before { display: none; }

    /* Copyright */
    footer .copyright, footer .website-by { float: none; text-align: center; width: 100%; }

    /* Hero Text */
    .hero-image .hero-text { font-size: 1.75em; }

    /* Tables */
    table:not([class]) th, table:not([class]) td { padding: 5px; }

    /* Content Image */
    .content-image-wrapper .content-image-content, .content-image-wrapper.content-right .content-image-content{ padding: 50px 30px; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-large { font-size: 2.5em; }
    .content-image-wrapper .content-image .content-image-text-wrapper .content-image-text-small { font-size: 1.4em; }

    /* Footer Image */
    .footer-text-wrapper .footer-text { font-size: 1.5em; padding: 0 40px; }

    /* Porject Page */
    .project-content { padding: 50px 15px; }

    /* Contact Page */
    .contact-information-wrapper { font-size: 0.85em; }

}

/* Conditionals for hiding and showing elements */
@media only screen and (min-width: 1080px) 
{
	.eb{display:none!important} /* Exclude Big */
	.ef{display:none!important} /* Exclude Full */
	.ed{display:block!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:block!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:block!important} /* Big Only - Tablet and Full */
	.fo{display:block!important} /* Full Only */
	.do{display:none!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:none!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 1079px) 
{
	/*img, embed, object, video{max-width:100%}*/
	
	.eb{display:none!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:none!important} /* Exclude Tablet */
	.em{display:block!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:block!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:block!important} /* Tablet Only */
	.mo{display:none!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 787px) 
{
	.eb{display:block!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:none!important} /* Exclude Mobile */
	.el{display:none!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:none!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:block!important} /* Mobile Only */
	.lo{display:block!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 479px) 
{
	.eb{display:block!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:none!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:none!important} /* Exclude Mobile Portrait */

	.bo{display:none!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:block!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:block!important} /* Mobile Portrait Only */
}

/* ##### Layout.css END ##### */
