.homepagedropdownform {
    border: 1px solid #CCC;
    border-radius: 10px;
    color: rgb(255, 255, 255) !important;
    background: none repeat scroll 0% 0% transparent !important;
    width: 300px;
    height: auto;
    margin: 0px auto;
    margin-bottom: 50px;
    padding: 10px;
    text-align: center;
}

.homepagedropdownform .su-spoiler-title {
    background: none repeat scroll 0% 0% transparent !important;
    font-size: 2em !important;
    padding: 10px;
}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
    .type-testimonials .flex-control-nav {
        bottom: -90px;
    }

    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 28% !important;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        left: 682px !important;
    }

    .portfoliotitleslider {
        left: 40px !important;
        top: 35%;
        font-size: 44px;
    }
}

@media screen and (max-width: 1024px) {
    .carousel-item:hover .portfoliotitleslider {
      /*  display: none;*/
        -webkit-transform: translateY(200px);
          -moz-transform: translateY(200px);
          -ms-transform: translateY(200px);
          transform: translateY(200px);
    }

    .menu-slider {
        display: block;
    }

    .bottom-header .main-navigation,
    .top-header .main-navigation {
        display: none;
    }

    .mm-opened.main-navigation {
        display: block;
    }

    li.testimonial-item:nth-child(1) {
        background-position: 48% -22%;
    }

    li.testimonial-item:nth-child(3) {
        background-position: 48% -9%;
    }
}

@media screen and (max-width: 800px) and (min-width: 800px) {
        .portfoliotitleslider {
            top: 34%;
            left: 35px !important;
            font-size: 33px;
        }

        .quadro-mod.type-testimonials.parallax-back {
            padding: 0;
            background-image: none !important;
            background-color: #112b4c !important;
        }

        .type-testimonials .flex-control-nav {
            display: none;
        }

        .team-type2 .team-member:nth-of-type(1) .member-name,
        .team-type2 .team-member:nth-of-type(3) .member-name{
            margin-bottom: 48px;
        }
}

@media screen and (max-width: 768px) and (min-width: 768px) {
    .type-testimonials .flex-control-nav {
        bottom: -170px;
    }

    .portfoliotitleslider {
        top: 33%;
        left: 12px !important;
        font-size: 38px;
    }

    .quadro-portfolio.clear.masonry-wrapper.portfolio-type-grid.js-masonry.item-info-show {
        height: 275px;
    }

    .mas-item.portf-item.cat3.catall {
        width: 33.3333%;
    }

    .mas-item.portf-item.cat3.catall:nth-child(2) {
        left: 256px;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        top: 0px;
        left: 511px !important;
    }

    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 33% !important;
    }

    li.testimonial-item:nth-child(1) {
        background-position: 48% -14%;
    }

    li.testimonial-item:nth-child(2) {
        background-position: 48% -1%;
    }

    li.testimonial-item:nth-child(3) {
        background-position: 48% -8%;
    }

    li.testimonial-item:nth-child(5) {
        background-position: 48% -8%;
    }

    #inf_field_FirstName,
    #inf_field_LastName {
        float: none !important;
        margin-bottom: 0 !important;
    }

    .team-type2 .team-member:nth-of-type(1) .member-name,
    .team-type2 .team-member:nth-of-type(3) .member-name{
        margin-bottom: 48px;
    }
}

@media screen and (max-width: 736px) and (min-width: 736px) {
    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 31% !important;
    }
}

@media screen and (max-width: 736px) and (min-width: 568px) {
    .carousel-wrapper .flex-viewport {
        width: 50%;
        margin: 0 auto;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        left: 25% !important;
    }
}

@media screen and (max-width: 736px) {
    .portfoliotitleslider {
        top: 36%;
        left: 70px !important;
    }

    .team-type2 .team-member:nth-of-type(3n) {
        float: none;
        margin: 0 auto;
    }
    
    .carousel-wrapper .flex-viewport .carousel-item{
        padding-bottom: 30px;
    }

    .quadro-mod.type-testimonials.parallax-back {
        padding: 0;
        background-image: none !important;
        background-color: #112b4c !important;
    }

    .testimonial-item-content span {
        font-size: 14px;
    }

    .testimonial-item-wrapper .testimonial-item-content p {
        font-size: 18px;
        padding-top: 20px;
    }

    .carousel-item {
        overflow: hidden;
        position: relative;
    }
}

@media screen and (max-width: 667px) and (min-width: 667px){
    .portfoliotitleslider {
        top: 34%;
        left: 60px !important;
        font-size: 38px;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        left: 25% !important;
    }

    li.testimonial-item:nth-child(2) {
        background-position: 48% 2%;
    }
}

@media screen and (max-width: 667px) and (min-width: 640px){
    .portfoliotitleslider {
        top: 34%;
        left: 60px !important;
        font-size: 38px;
    }
}

@media screen and (max-width: 640px) and (min-width: 640px){
    .portfoliotitleslider {
        top: 32%;
        left: 50px !important;
        font-size: 38px;
    }

    .quadro-portfolio.clear.masonry-wrapper.portfolio-type-grid.js-masonry.item-info-show {
        height: 666px;
    }

    .chrome .three-columns .portf-item, .safari .three-columns .portf-item {
        width: 50%;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        top: 333px;
        left: 25% !important;
    }
}

@media screen and (max-width: 640px) and (min-width: 568px){
    .portfoliotitleslider {
        top: 32%;
        left: 46px !important;
        font-size: 35px;
    }
}

@media screen and (max-width: 568px) {
    .portfoliotitleslider {
        top: 30%;
        left: 40px !important;
        font-size: 34px;
    }

    li.testimonial-item:nth-child(1) {
        background-position: 48% -15%;
    }

    li.testimonial-item:nth-child(2) {
        background-position: 48% 2%;
    }

    li.testimonial-item:nth-child(5) {
        background-position: 48% -9%;
    }
}

@media only screen and (max-width: 568px) and (min-width: 568px) {
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 50px !important;
    }

    .mas-item.portf-item.cat3.catall:last-child {
        left: 25% !important;
    }
}

@media screen and (max-width: 480px) {
    .carousel-wrapper .flex-viewport .carousel-item {
        width: 440px !important;
        padding-left: 20px;
    }

    .portfoliotitleslider {
        top: 38%;
        left: 110px !important;
        font-size: 40px;
    }

    .quadro-mod.type-testimonials.parallax-back {
        padding: 0;
    }

    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 35% !important;
    }
}

@media screen and (max-width: 414px) {
    .carousel-wrapper .flex-viewport .carousel-item {
        width: 370px !important;
    }

    .portfoliotitleslider {
        top: 35%;
        left: 67px !important;
    }

    .testimonials {
        width: 80%;
    }
}

@media screen and (max-width: 375px) {
    .carousel-wrapper .flex-viewport .carousel-item {
        width: 335px !important;
        padding-left: 20px;
    }

    .portfoliotitleslider {
        top: 34%;
        left: 75px !important;
    }

    ul.testimonials.slides.clear {
        width: 80%;
        padding-top: 30px;
    }

    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 31% !important;
    }
}

@media only screen and (max-width: 360px) and (min-width: 360px) {
    .carousel-wrapper .flex-viewport .carousel-item {
        width: 320px !important;
    }

    .portfoliotitleslider {
        left: 65px !important;
    }
}

@media only screen and (max-width: 320px) {
    .image-logo a img {
        max-width: 240px!important;
    }

    .mod-title {
        font-size: 40px;
    }

    .carousel-wrapper .flex-viewport .carousel-item {
        width: 280px !important;
    }

    .portfoliotitleslider {
        top: 31%;
        left: 60px !important;
        font-size: 31px;
    }

    li.testimonial-item:nth-child(3) {
        background-position: 48% -6%;
    }

    #portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1),
    #portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        left: 28% !important;
    }

    .testimonial-item-wrapper .testimonial-item-content p {
        font-size: 16px;
    }

    .testimonial-item-content span {
        font-size: 12px;
    }

    .homepagedropdownform {
        width: 296px;
    }
}

#portf-item-3338 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) ,
#portf-item-70 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) ,
#portf-item-98 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) ,
#portf-item-100 > article:nth-child(1) > a:nth-child(1) > div:nth-child(2) > h2:nth-child(1) {
        width: 100%!important;
    left: 0!important;
    margin: -5px auto!important;
    padding: 0!important;
}