/*! Place your custom styles here */

.bar .logo{z-index: 999}
nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 21%}
.from-the-chairman-block.testimonial-1 .switchable__text{margin-top: 0}

/*.history-block + .bg--secondary .process__item{text-align: justify}*/
.switchable.imagebg .switchable__text{text-align: justify}
.imageblock.switchable.feature-large.space--xxs h3, .imageblock.switchable.feature-large.space--xxs p{text-align: justify}

.blines-root{text-align: justify}
.blines-root .real-estate-block .col-md-5.col-sm-7{width: 46%}

.blines-root .imageblock > .container p.lead{font-size: 18px}
.blines-root .imageblock > .container ul{list-style: inherit; list-style-position: inside}
.blines-root .imageblock > .container ul li{font-size: 18px; color: #808080; font-weight: 400;}
.construction-infrastructure-block h1 {text-align: left}

.history-block h2{text-align: center}


@media only screen and (max-width: 1601px) {
    .blines-root .imageblock > .container p.lead, .blines-root .imageblock > .container ul li{font-size: 16px}

}

@media only screen and (max-width: 1280px) {
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 24%}
    nav li:first-child + .dropdown .dropdown__content.col-md-2{width: 19%}

    .blines-root .imageblock > .container p.lead, .blines-root .imageblock > .container ul li{font-size: 15px}


}

@media only screen and (max-width: 1200px) {
    footer .container{width: 100%}

}

@media only screen and (max-width: 1100px) {
footer .col-sm-8{width: 80%}
footer .col-sm-4{width: 20%}
footer .social-list.list-inline:not(:last-child){margin-right: 3px}
}

@media only screen and (max-width: 991px) {
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 30%}
    .main-page-root section.unpad .masonry__item:last-child{width: 100%}
    .main-page-root section.imageblock.switchable .col-sm-4{width: 45%}
    .main-page-root section.imageblock.switchable .col-sm-4 + .container{position: relative; left: 50px}

    footer.hidden-sm{display: block !important;}

    .blines-root .blines-block .imageblock__content{position: relative; float: none !important; width: 100%; height: 250px}
    .blines-root .blines-block > .container{width: 100%; position: relative; padding: 40px}
    .blines-root .real-estate-block .col-md-5.col-sm-7, .blines-root .blines-block .col-md-5.col-sm-7{width: 100%}
    .blines-root .height-100{height: auto}
    .blines-root .pos-vertical-center{transform: translateY(0); -webkit-transform: translateY(0)}
}

@media only screen and (max-width: 959px) {
    .main-page-root section.imageblock.switchable .col-sm-4 + .container{left: 30px}

    .vision-block .slider[data-paging="true"]:not(section){margin-bottom: 0}


}

@media only screen and (max-width: 880px){
    footer.space--sm{padding-top: 50px; padding-bottom: 50px}
    footer .col-sm-8{width: 70%}
    footer .col-sm-4{width: 30%}
}

@media only screen and (max-width: 820px){
    .main-page-root section.imageblock.switchable .col-sm-4{width: 40%}
    .main-page-root section.imageblock.switchable .col-sm-4 + .container{left: 0}

}

@media only screen and (max-width: 768px){
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 40%}
    section.slider[class*="height-"] .slides .flickity-slider > li{height: 320px}
    /*section.slider.height-70{height: 350px}*/
    section.slider[class*="height-"] .slides .flickity-slider > li{padding-top: 125px}

    section.slider.height-70 + section.space--md{padding: 75px 0}

    .main-page-root section.imageblock.switchable .col-sm-4{width: 100%}
    .main-page-root section.imageblock.switchable .col-sm-4 + .container{padding-top: 25px; padding-bottom: 25px}

    footer .col-sm-8{width: 100%}
    footer .col-sm-4{width: 100%}
    footer.space--sm{padding-top: 30px; padding-bottom: 20px}

    .blines-root .imageblock > .container p.lead, .blines-root .imageblock > .container ul li{font-size: 14px}

}

@media only screen and (max-width: 640px) {
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 45%}
    section.slider[class*="height-"] .slides .flickity-slider > li{height: 300px}
    section.slider[class*="height-"] .slides .flickity-slider > li{padding-top: 105px}

    section.slider.height-70 + section.space--md{padding: 50px 0}
    section.slider.height-70 + section.space--md h2{margin-bottom: 10px}
    section.slider.height-70 + section.space--md p{font-size: 15px}

    section.space--sm.vision-block{padding-top: 35px; padding-bottom: 35px}
    section blockquote{font-size: 20px}

}

@media only screen and (max-width: 520px) {
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 50%}
    section.slider[class*="height-"] .slides .flickity-slider > li{height: 280px}
    section.slider h1{font-size: 26px}
    section.slider[class*="height-"] .slides .flickity-slider > li{padding-top: 95px}

}

@media only screen and (max-width: 479px) {
    .bar .logo{width: 150px}
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 60%}
    section.slider[class*="height-"] .slides .flickity-slider > li{height: 260px}
    section.slider h1{font-size: 22px}

    .main-page-root section.imageblock.switchable .col-sm-4 + .container h3{font-size: 16px; line-height: 1.5}
    .main-page-root section.imageblock.switchable .col-sm-4 + .container p{font-size: 14px}

    section blockquote{font-size: 18px}

    .vision-block + .imagebg .slider[data-paging="true"]:not(section){margin-bottom: 0}
    .vision-block + .imagebg{padding-top: 35px; padding-bottom: 35px}
    .history-block + .bg--secondary{padding-top: 25px; padding-bottom: 25px}
    .history-block + .bg--secondary + section.space--sm{padding-top: 40px;}

    .blines-root .blines-block > .container{padding: 25px}
    .blines-root .blines-block + .text-center.bg--secondary{padding-top: 25px; padding-bottom: 25px}

}

@media only screen and (max-width: 379px) {
    nav .dropdown + .dropdown .dropdown__content.col-md-2{width: 100%}
    section.slider[class*="height-"] .slides .flickity-slider > li{height: 240px}
    section.slider h1{font-size: 18px}


}

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

}
