html {
    -webkit-text-size-adjust: none;
}

img {
    max-width: 100%;
    height: auto;
}

.mobile-menu-icon {
    display: none;
}

#hamburger {
    height: 4px;
    left: 0px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 32;
    transition: background .3s;
    -webkit-transition: background .3s;
    background: #fff;
}

.collapse #hamburger {
    background: none;
}

.collapse #hamburger::before {
    top: 0px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.collapse #hamburger::after {
    top: 0px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#hamburger::before {
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
}

#hamburger::after {
    bottom: -8px;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
}

.center-box {
    width: 1040px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
    clear: both;
}

.clear {
    clear: both;
}

.one-half {
    width: 48.5%;
}

.one-third {
    width: 31.33%;
}

.two-third {
    width: 65.66%;
}

.one-fourth {
    width: 22.75%;
}

.three-fourth {
    width: 74.25%;
}

.one-fifth {
    width: 17.6%;
}

.two-fifth {
    width: 38.2%;
}

.three-fifth {
    width: 58.8%;
}

.four-fifth {
    width: 79.4%;
}

.one-sixth {
    width: 14.16%;
}

.five-sixth {
    width: 82.8%;
}

.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth {
    position: relative;
    margin-right: 3%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
}

.last {
    margin-right: 0!important;
    clear: right;
}

@media only screen and (min-width: 768px) and (max-width: 1039px) {
    .center-box {
        width: 100%;
        position: relative;
        padding: 0px 20px 0px 20px;
    }

    #services .center-box {
        width: 100%;
        position: relative;
        padding: 0px 60px 0px 60px!important;
    }

    .wk-slideshow-default>div .next, .wk-slideshow-default>div .prev {
        top: 50%!important;
        width: 26px!important;
        height: 40px!important;
        margin-top: -20px!important;
        display: block!important;
    }

    .wk-slideshow-default>div .prev {
        left: -40px!important;
    }

    .wk-slideshow-default>div .next {
        right: -40px!important;
    }
}

@media only screen and (max-width: 767px) {
    .one-third,.last,.one-half,.one-fourth, #head1, #head2 {
        position: relative;
        margin-right: 0!important;
        width: 100%;
        float: left;
        min-height: 1px;
        margin-bottom: 0;
    }

    a#logo {
        display: block;
        width: 50%;
        margin: 0 auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        float: none;
    }

    #head2 p {
        text-align: center;
        margin: 50px 0 0 0;
    }


    .center-box {
        width: 100%;
        position: relative;
        padding: 0px 20px 0px 20px;
    }

    #address p {
        line-height: 1.3;
        padding: 10px 0 10px 0;
        margin: 0;
        font-size: 12px;
        text-align: center;
    }

    #clients ul li img {
        margin: 0 20px 40px 20px;
    }

    #partners img, #team img {
        width: 60%;
    }

    #services p, #contact img {
        margin: 0 0 30px 0;
    }

    .mail-to, .mail-to-grey {
        margin: 0 auto 50px auto;
    }

    h1 {
        font-size: 30px;
    }

    #quote {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: block;
        margin: 30px 0 0px 0!important;
    }

    #quote .textwidget {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    #quote .textwidget p {
        text-align: center!important;
		display: block!important;
    }

    #creator p {
        text-align: center;
        margin: 30px 0 0px 0;
    }

    section {
        padding: 40px 0 40px 0;
    }
	
	#team .one-third {margin: 0 0 30px 0!important;}
	#team .two-third p, #team .two-third h4, #team .two-third h3{text-align: center!important;}
}

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

    #lang-switch {
        width: 45%;
        padding: 0 0 10px 0;
        border-bottom: solid 1px #555;
    }
	
    #main-menu  ul   li {
        line-height: 50px;
        height: 50px;
        float: none;
        display: block;
        text-align: left;
		margin:0;
    }

    .mobile-menu-icon {
        height: 46px;
        width: 20px;
        display: block;
        margin: 0;
        position: relative;
    }

    #main-menu {
        width: 55%;
        float: left;
        border-top: solid 1px #555;
        overflow: hidden;
    }

    #main-menu ul {
        display: none;
    }

    #open-menu {
        height: 50px;
        overflow: hidden;
        border-bottom: solid 1px #555;
    }
}