/*

	 Theme Name: Accesspress Parallax Child
	 Theme URI:
	 Description: Accesspress Parallax Child
	 Author: Avantage
	 Author URI: http://kaspers.avantage.cc
	 Template: accesspress-parallax
	 Version: 1.0
	 License: GNU General Public License v2 or later
	 License URI: http://www.gnu.org/licenses/gpl-2.0.html
	 Tags: Theme Accesspress Parallax Child Theme
*/

@media screen and (max-width: 1200px) {
    .mid-content {
        width: 100%;
        padding: 0;
    }

    .service-list .service-image {
        width: 16%;
        height: auto;
    }

    .service-list .service-detail {
        width: 80%;
    }

    .team-tab {
        padding: 0 50px;
    }

    .social-icons {
        display: none;
    }

}

@media screen and (max-width: 1050px) {
    .copy-right {
        position: relative !important;
        float: right;

    }
}

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

    .leistungen {
        width: 25%;
        float: left;
    }

    .team {
        width: 33.3%;
        float: left;
    }

    .team h3 {
        margin-left: 0 !important;
    }

    .team img {
        margin-top: 0 !important;
    }

    .team .inline-popups {
        margin-left: 0 !important;
    }

    #section-6 .parallax-content {
        width: 70% !important;
    }

    #section-61 li {
        width: 48% !important;
        float: left;
    }

    #section-61 ul {
        margin-left: 0;
    }
}

@media screen and (max-width: 920px) {
    .leistungen {
        width: 50%;
        float: left;
    }
}

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

    .parallax-content h2 {
        background: rgba(255, 255, 255, 0.5);


    }

    #section-13 h2,
    #section-63 h2 {
        display: inline-block;
    }

    .team #sven-kaspers {}
}

@media screen and (max-width: 800px) {
    .main-navigation > ul {
        display: none;
    }

    .menu-toggle {
        display: none;
        height: 40px;
        width: 40px;
        background: url(../images/menu.png) no-repeat center #E3633B;
        text-indent: -9999px;
        cursor: pointer;
    }

    .logo-top .menu-toggle {
        float: right;
    }

    .main-navigation > ul > li > a {
        color: #FFF;
    }

    .main-navigation > ul > li.current a,
    .main-navigation li:hover > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a {
        color: #CCC;
    }

    .slider-caption {
        padding-left: 70px;
        padding-right: 70px;
    }

    #main-slider {
        min-height: 0;
    }

    #section-6 .parallax-content {
        width: 98% !important;
        padding: 8% 1% 3% !important;
        background: rgba(255, 255, 255, 0.8);
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 12px;
    }

    .parallax-section h1 {
        font-size: 34px;
    }

    .slider-caption .caption-title {
        font-size: 30px;
    }

    .slider-caption .caption-description {
        font-size: 20px;
    }

    .service-list {
        width: 100%;
    }

    .portfolio-list,
    .portfolio-list:nth-child(4n) {
        width: 32%;
        margin-right: 2%;
    }

    .portfolio-list:nth-child(3n) {
        margin-right: 0;
    }

    .blog-listing .blog-list {
        width: 80%;
        margin: 0 auto 20px;
        float: none;
        display: block;
    }

    .blog-list .blog-image {
        text-align: center;
    }

    .parallax-section input[type="text"],
    .parallax-section input[type="email"],
    .parallax-section input[type="url"],
    .parallax-section input[type="password"],
    .parallax-section input[type="search"],
    .parallax-section input[type="tel"],
    .parallax-section textarea {
        width: 80%;
    }

    .service-listing .service-list {
        float: none;
    }

    .footer-column-4 .footer-block {
        width: 48%;
    }

    .copy-right,
    .site-info {
        float: none;
        text-align: center;
    }

    #primary,
    #secondary {
        float: none;
        width: 100%;
    }

    #main-slider .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .next-page {
        display: none;
    }

    .main-navigation ul ul a {
        color: #FFF;
    }

    .main-navigation ul ul li {
        padding: 5px 0;
    }

    .main-navigation ul ul {
        box-shadow: none;
    }

    .parallax-section {
        background-attachment: scroll !important;
        background-repeat: repeat !important;
    }

    .wpcf7-form .left,
    .wpcf7-form .right {
        width: 100% !important;
        float: none !important;
    }

    .wpcf7-form .small,
    .g-recaptcha {
        margin: 0 2%;
    }


}

@media screen and (max-width: 800px) {
    #section-61 li {
        width: 100% !important;
        float: none;
    }

    .menu-toggle {
        display: block;
        height: 40px;
        width: 40px;
        background: url(images/menu.png) no-repeat center #1c3553;
        text-indent: -9999px;
        cursor: pointer;
    }

    .logo-top .main-navigation {
        float: right;
    }

    .logo-top .menu-toggle {
        float: right;
    }

    .main-navigation {
        text-align: center;
    }

    .main-navigation > ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #305178;
        padding: 10px 0;
        text-align: center;
    }

    .main-navigation > ul > li {
        display: inline-block;
        float: none;
    }

    .main-navigation > ul > li {
        display: block;
        border-bottom: 1px solid #1c3553;
    }

    .main-navigation ul ul {
        background: #305178;
        position: static;
        padding: 0 10px;
        font-size: 15px;
        display: none;
    }

    .main-navigation li:nth-child(6) a {
        width: 100% !important;
        text-indent: 0 !important;
        background: transparent !important;
    }

    .main-navigation li:nth-child(6) {
        position: static !important;
    }

    .main-navigation li:first-child {
        margin-left: 0 !important;
    }

    #page #masthead.logo-top .main-navigation > ul {
        display: none;
    }

    .main-navigation > ul > li.current a {
        color: #fff !important;
        background-color: #1c3553;
    }
}

@media screen and (max-width: 640px) {
    .team {
        width: 50%;
    }

    .team .inline-popups {
        margin-top: 45px !important;
    }

    .team #sven-kaspers {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .parallax-section h1 {
        font-size: 30px;
    }

    .service-list.odd .service-image {
        float: left;
    }

    .service-list.odd .service-detail {
        float: right;
    }

    .service-listing .service-list {
        text-align: left;
    }

    .team-big-image {
        display: none;
    }

    .team-detail {
        float: none;
        width: auto;
    }

    .team-image {
        height: auto;
    }

    .team-tab .bx-wrapper .bx-viewport {
        border-radius: 0;
    }

    .portfolio-list,
    .portfolio-list:nth-child(3n),
    .portfolio-list:nth-child(4n) {
        width: 49%;
        margin-right: 2%;
    }

    .portfolio-list:nth-child(2n) {
        margin-right: 0;
    }

    .blog-listing .blog-list {
        width: 100%;
    }

    .parallax-section input[type="text"],
    .parallax-section input[type="email"],
    .parallax-section input[type="url"],
    .parallax-section input[type="password"],
    .parallax-section input[type="search"],
    .parallax-section input[type="tel"],
    .parallax-section textarea {
        width: 100%;
    }

    .team-content {
        margin-top: 30px;
    }

    .top-footer .top-footer-wrap {
        margin: 0;
    }

    .footer-block {
        width: 100% !important;
        margin: 0 0 15px !important;
        float: none;
    }

    .main-navigation > ul {
        max-height: 320px
    }

    .slider-caption {
        display: none;
    }

    #section-6 h2,
    #section-63 h2 {
        font-size: 1.1em !important;
        margin: 0 10px;
    }

    #section-6 h2 em,
    #section-63 h2 em {
        font-size: 1.8em !important;
    }

    #section-6 h2:before {
        font-size: 1.1em !important;
    }

    #section-125 {
        padding: 60px 2%;
    }

    .parallax-content #gmp_1 {
        height: 200px !important;
    }

    .parallax-section h1 {
        font-size: 1.5em;
    }

    .leistungen {
        width: 100%;
        float: none;
        min-height: inherit !important;
        margin-bottom: 20px;
    }

    .leistungen .inline-popups {
        position: relative !important;
        text-align: center;
        padding: 5px;
        margin-top: 20px;
    }

    .team {
        width: 100%;
    }

    .team .inline-popups {
        margin-top: 0 !important;
    }

    .team p > img,
    .team > img {
        width: 100%;
    }

}

@media screen and (min-width: 800px) {
    #masthead.logo-top .main-navigation > ul {
        display: block !important;
    }

}


@media screen and (max-width: 480px) and (orientation : landscape) {
    .main-navigation > ul {
        max-height: 220px
    }


}


@media screen and (min-width: 1001px) {
    .main-navigation > ul {
        display: block !important;
    }

    .logo-top .main-navigation > ul {
        display: inline-block !important;
    }
}
