@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 768px) and (orientation:portrait) {




@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.wrapper {
    margin: auto;
    width: 95%;
    z-index: 99999;
}
.left-top-bar {
    width: 100%;
    float: right;
    font-family: arial !important;
}
.logo {
    float: left;
    width: 30%;
}
.menu-bar {
    width: 64%;
    float: right;
    margin-top: 20px;
}

.samp-slider .samp-container-horizontal {
    display: block;
    min-width: 2000px;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    height: 340px !important;
}
.samp-slider.samp-slider-mask {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    list-style-type: none;
    clear: both;
    height: 340px;
}
.samp-slider.samp-slider-mask .slide-horizontal {
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px;
    clear: both;
    position: absolute;
    bottom: 40%;
    margin-top: -50px;
    cursor: pointer;
    background-color: rgba(0,0,0, 0.75);
    background-image: url(../images/icons-controls.png);
    background-repeat: no-repeat;
    background-position: -400px top;
    background-size: auto 200%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.all-services ul li {
    width: 30%;
    float: left;
    list-style: none;
    margin: 0px 10px;
    text-align: center;
}
.Featured-work ul li {
    width: 97%;
    float: left;
    list-style: none;
    margin: 0px 11px;
    text-align: left;
	margin-bottom:30px;
}
figure {
    width: 100%;
    height: 206px;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    overflow: hidden;
}	
.Featured-work ul li img {
    margin-bottom: 25px;
    width: 100%;
    height: 206px;
}

.welcome-left {
    width: 94%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

.welcome-right {
    width: 94%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 3px;
}
.address li {
    float: left;
    list-style: none;
    width: 50%;
    margin-bottom: 30px;
}
.left-footer {
    width: 94%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.right-footer {
    margin-top: 40px;
    width: 94%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 3px;
}
.footer {
    background-image: url(../images/footer.png);
    background-size: cover;
    background-position: center;
    height: 1120px;
}
.services-progression ul li {
    min-height: 170px;
    float: left;
    list-style: none;
    text-align: center;
    width: 21%;
    margin: 14px;
}



}