/* ========================================================================= */
/*                                 MEDIAQUERIES                              */
/* ========================================================================= */
@media only screen and (max-width : 1023px) {  
  
    body {font-size:95%}
    /* structure */
    .section-padding-two-columns-project-page{
        padding-bottom: 0px;
    }
    .container, .two-colums-container, .content-project-page, .two-colums-container-project-page .side, header #logo, #secondary-navigation, .mobil-navigation #main-menu {
        min-width: 726px;
        width: 80%;
    }
    .two-colums-container .side{
/*andrux        width: 100%;*/
		width: 38%;
    }

	/*andrux*/
	.content-default-template, .content {
		width: 58%;
	}

    header #logo, #secondary-navigation, .mobil-navigation #main-menu, .content-project-page{
        margin: 0px auto;
        float: none;        
    }
    .content-project-page{
        padding: 0px;
    }
    .two-colums-container-project-page{
        width: 100%;
        padding: 0;
        min-width: auto;
    }
    .project-page-template{
        background-color: #eeeeee;
        padding-top: 10px;
        padding-bottom: 60px;
        width: 100%;
    }
    .nav-container{
        width: 100%;
        padding: 0;
        min-width: auto;
    }

    header #mobil-navigation-button{
        display: block;
    }

    /* Toggle Group */
    .toggle-group{
        width: 90%;
        padding: 0 5%;
    }
    .toggle-group:last-child{
        padding-bottom: 30px;
    }
    /* Navigation */
    #main-navigation{
        width: 100%;
        position: relative;
        /*margin-top: 67px;*/
        background-color: #002d6a;
        z-index: 99;
        display: none;
    }
    #main-navigation ul li{
        width: 100%;
    }

	#main-navigation ul li.current-page-ancestor > a {
		color: #fff;
	}

	#main-navigation ul li.current-menu-item a {
		color: #fff;
	}

	#main-menu li:last-child a{
        border-bottom: 0px;        
    }
    #secondary-navigation #submenu{
        display: none;
    }
    #secondary-navigation #breadcrumbs{
        display: block;
    }
    /* services */
    #hero-image {
        height: 260px;
    }
    #hero-image h2 {
        font-size: 28px;
    }
    #hero-image p {
        font-size: 23px;
    }
    .flex-item{
        width: 25%;
    }
    /* Portfolio */
    .item-grid, .item-grid-completed{
        width: 50%;
        padding: 0.5%;

    }
    /* project page */
    .side.project-page-template ul.slider{
        margin: 0px;
    }
}
@media only screen and (max-width : 767px){
   
    body {font-size:90%}      
    /* structure */
    .container, .content-default-template, .content-project-page, .two-colums-container-project-page .side, .content-default-template, .content, header #logo, #secondary-navigation, .mobil-navigation #main-menu {
       min-width: 560px;
       width: 85%;
    }    
    .content-default-template, .content{
        float: none;
        padding-right: 0px;
        margin: 0px auto;
    }
    .full-width .content-default-template,
    .full-width .content-project-page {
        padding-right: 0;
        padding-left: 0;
    }
    .two-colums-container .side, .two-colums-container-project-page .side{
        background: #eeeeee;
		padding: 40px 7.5%;
		width: 85%;
    }
    .two-colums-container
    {
        width: 100%;
        padding: 0;
        min-width: auto;
    }
    .col-2{
        width: 100%;
    }
    .section-padding-two-columns{
        padding-bottom: 0px;
    }
    .side .aside-img-container{
        border: 0px;        
    }
    /* Buttons */
    .side .button-inner{
        background-position: 98% 6px;
    }
    .side .blue-button, .side .red-button{
        padding-right: 0px;
    }
    /* Toggle Group */
    .toggle-group{
        width: 40%;
        padding: 0 5% 30px;
    }
    /* Home Page */
    #primary-section .home-boxes, #primary-section .home-who-we-are{
        width: 100%;
    }
    #primary-section .home-who-we-are{
        padding-bottom: 40px;
        text-align: center;
    }
    #secondary-section .s-text h1  {
        display: none;
    }
    #secondary-section .hidden-title{
        display: block;
    }
    /* services */
    #hero-image {
        height: 170px;
        padding: 38px 0;
    }
    #hero-image h2 {
        font-size: 26px;
    }
    #hero-image p {
        font-size: 22px;
    }
    .flex-item{
        width: 45%;
    }
    .side img.project{
        border: 0px;
    }
    .porfolio-slider{
        padding: 80px 60px 10px;
    }
}
@media only screen and (max-width : 599px){   
  
    /* Structure */
    /* Toggle Group */
    .toggle-group{
        width: 90%;
        padding: 0 5%;
    }
    .toggle-group:last-child{
        padding-bottom: 30px;
    }
    /* Structure */
    .container, .content-default-template, .content-project-page, .two-colums-container-project-page .side, .page-template-template-service .content, header #logo, #secondary-navigation, .mobil-navigation #main-menu {
        min-width: 282px;
    }
    ul.list-opened {        
        margin-bottom: 0px;
    }
    ul.list-opened:last-child{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    /* Navigation */
    header #logo div{
        width: 145px;
        padding-top: 10px;
    }
    /* Buttons */
    .side .button-inner{
        background-position: 97% 6px;
    }
    /* Home Page */
    #primary-section .home-boxes .col-3{
        width: 50%;
    }
    #secondary-section .s-text, #secondary-section .video{
        width: 100%;
        padding: 0;
    }
    /* Services */
    #hero-image {
        height: 120px;
        padding: 20px 0;
        background-size: auto 300%;
        background-position: 0 40%;
    }
    #hero-image h2 {
        font-size: 20px;
    }
    #hero-image p {
        font-size: 18px;
    }
    /* footer */
    footer #footer-social{
        width: 29%;
    }
    footer #copyright{
        width: 60%;
        padding-left: 10%;
		padding-top:0;
    }
	footer #middle_message{
		position: absolute;
		top: 25px;
		left: 0;
	}

	footer #middle_message p{
		text-align:left;
	}
    /* Portfolio */
    .item-grid, .item-grid-completed{
        width: 100%;
        padding: 0.5%;

    }

	/* new portfolio current projects styles */
	.current .item-grid .project-image {
		height: 70vw;
		min-height: 1px;
	}

	.current .item-grid ~ .item-grid .project-image {
		height: 70vw;
		min-height: 1px;
	}

	/* contact form */
	.ginput_container_textarea {
		width: 100%;
	}
}

@media only screen and (min-width: 1060px) {
	.current .item-grid .project-image {
		height: 800px;
	}
	.current .item-grid ~ .item-grid .project-image {
		height: 264px;
	}
}