body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.clear {
    clear: both;
}

body a,
.steps-grid-left1 h4,
.steps-grid-left2,
.steps-grid-left2 span,
ul.team-icons {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Cabin', sans-serif;
}

p {
    margin: 0;
}

ul,
label {
    margin: 0;
    padding: 0;
    list-style: none;
}

body a:hover {
    text-decoration: none;
}


/*--header--*/

.header {
    padding: .8em 0;
    background-color: #fff;
    /*background-color:#F2AE11;*/
}

.header-info p {
    font-size: 1em;
    color: #fff;
    margin: .8em 0 0;
}

.header-info p span {
    padding-right: 1em;
}


/*--search-button--*/

form.navbar-form.navbar-right {
    margin: 0;
    padding: 0;
}

.form-group {
    position: relative;
}

input.form-control {
    padding: 8px 32px 8px 13px;
    height: inherit;
    font-size: 14px;
    border-color: #C19226;
    -webkit-appearance: none;
}

button.btn.btn-default {
    border: none;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 21%;
    right: 5%;
    padding: 0;
    outline: none;
    box-shadow: none;
}

button.btn.btn-default:focus {
    background-color: inherit !important;
    box-shadow: none !important;
    border-color: none!important;
}

span.glyphicon.glyphicon-search {
    font-size: 1.3em;
    color: #A6A6A6;
}

span.glyphicon.glyphicon-search:focus {
    outline: none;
}

button.btn.btn-default:hover {
    background-color: #FFF;
}


/*--//search-button--*/

.navbar-default {
    margin: 0;
    border: none;
}


/*--top-nav--*/

.navbar-default {
    background-color: #FFFFFF;
}

h1 a.navbar-brand {
    font-size: 1.5em;
    margin: 0 !important;
    display: block;
    height: 100px;
    padding: 10px 0;
    color: #B3AFA6;
    overflow: hidden;
    vertical-align: middle;
}

h1 a.navbar-brand img {
    height: 80px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #353535;
}

.navbar-nav>li {
    height: 100px;
    overflow: hidden;
}

.navbar-nav>li>a {
    line-height: 100px;
    padding: 0em 1.1em !important;
    font-size: 1em;
}

div#bs-example-navbar-collapse-1 {
    padding: 0;
}


/* Bounce To Bottom */

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: font-size;
    transition-property: font-size;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:hover a,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
    font-size: 1.6em;
}

.navbar-nav>li>a:hover {
    font-size: 1.6em;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: #fff;
    font-size: 1.6em;
}


/*--//top-nav--*/

.banner {
    width: 100%;
    min-height: 720px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: url("../images/banner1.jpg") center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner .img-responsive {
    z-index: 0;
    position: relative;
}

.banner-text {
    position: absolute;
    left: 10%;
    top: 20%;
    z-index: 1;
}

.banner-text h2,
.banner-text h3 {
    font-size: 4em;
    /*baner图颜色*/
    color: #fff;
    text-transform: capitalize;
}

.banner-text p {
    font-size: 14px;
    color: #EAEAEA;
    margin: 1em 0;
    letter-spacing: 1px;
    width: 30%;
    line-height: 1.8em;
}

a.more {
    font-size: 1.1em;
    color: #fff;
    background-color: #F2AE11;
    padding: 0.3em 1em;
    line-height: 38px;
    text-decoration: none;
}

a.more:hover {
    background-color: #fff;
    color: #F2AE11;
}


/*------------------ Slider Part starts Here----------*/

#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 10% auto 0;
    min-height: 200px;
}

.events {
    list-style: none;
}

.callbacks_container {
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}

.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: 3%;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    background: transparent url("../images/icons.png") no-repeat 0px 0px;
}

.callbacks_nav:active {
    opacity: 1.0;
}

.callbacks_nav.next {
    left: auto;
    right: 3%;
    background: url(../images/icons.png)no-repeat -37px 0px;
}

#slider3-pager a,
#slider4-pager a {
    display: inline-block;
}

#slider3-pager span,
#slider4-pager span {
    float: left;
}

#slider3-pager span,
#slider4-pager span {
    width: 100px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 30em;
    opacity: 0.6;
}

#slider3-pager .rslides_here a,
#slider4-pager .rslides_here a {
    background: #FFF;
    border-radius: 30em;
    opacity: 1;
}

#slider3-pager a,
#slider4-pager a {
    padding: 0;
}

#slider3-pager li,
#slider4-pager li {
    display: inline-block;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    height: auto;
    border: 0;
    width: 100%;
}

.callbacks_tabs {
    list-style: none;
    position: absolute;
    bottom: 19%;
    z-index: 111;
    left: 13%;
    padding: 0;
    margin: 0;
}

.callbacks_tabs li {
    display: inline-block;
    margin: 0 .5em;
}

@media screen and (max-width: 600px) {
    .callbacks_nav {
        top: 50%;
    }
}


/*----*/

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 16px;
    border-radius: 17px;
    width: 17px;
    display: inline-block;
    background: #F2AE11;
    border: 2px solid #fff;
}

.callbacks_here a:after {
    background: #B3AFA6;
}


/*--//slider end here--*/


/*--about--*/

.about,
.about-bottom,
.working-hours {
    padding: 5em 0;
}

.about-left img,
.about-wedding-left img,
.special-wedding-grids-left1 img,
.findUs img {
    box-shadow: 1px 1px 2px #BCBCBC;
    padding: .7em;
}

h3.title {
    color: #F2AE11;
    font-size: 1.3em;
    margin-bottom: 3em;
    text-align: center;
}

h3.title span {
    display: block;
    font-size: 3em;
    color: #212121;
    position: relative;
}

h3.title span:before,
h3.title span:after {
    content: '';
    position: absolute;
    top: 52%;
    background: #494949;
    width: 9%;
    height: 2px;
}

h3.title span:before {
    left: 29%;
}

h3.title span:after {
    right: 29%;
}

.about h4,
p.velit {
    font-size: 1.3em;
    color: #212121;
    margin: 0 0 1.5em;
    line-height: 1.6em;
}

.about-right p {
    color: #999;
    font-size: 14px;
    line-height: 2em;
}


/*--//about--*/


/*--special--*/

.special {
    padding: 5em 0;
}

.special p {
    color: #555;
    font-size: 1.1em;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}

.special h6 {
    font-size: 1em;
    color: #212121;
    line-height: 1.6em;
    margin-bottom: 0.3em;
}

.special-grids h3 {
    font-size: 3em;
    color: #212121;
    margin: 0 0 1em;
    line-height: 1.5em;
    text-transform: capitalize;
}

.progress {
    height: 16px;
    margin-bottom: 25px;
}

.progress-bar {
    background-color: #43C8FA;
    line-height: 15px;
}


/*--special--*/


/*--services--*/

#services .col-sm-6 {
    height: 242px;
    overflow: hidden;
}

.services {
    padding: 5em 0;
    background: url(../images/slid.jpg) fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.services h3.title span,
.testimonials h3.title span {
    color: #fff;
}

.services h3.title span:before,
.services h3.title span:after,
.testimonials h3.title span:before,
.testimonials h3.title span:after {
    background: #fff;
}

.services h3.title span:after {
    right: 31% !important;
}

.services h3.title span:before {
    left: 31% !important;
}

.glyphicon-cog:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_1.png") center;
}

.glyphicon-camera:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_2.png") center no-repeat;
}

.glyphicon-print:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_3.png") center no-repeat;
}

.glyphicon-facetime-video:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_4.png") center no-repeat;
}

.glyphicon-picture:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_5.png") center no-repeat;
}

.glyphicon-eye-open:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_6.png") center no-repeat;
}

.glyphicon-eye-app:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_7.png") center no-repeat;
}

.glyphicon-eye-person:before {
    width: 1em;
    height: 1em;
    background-size: contain !important;
    display: block;
    content: "";
    background: url("../images/service_8.png") center no-repeat;
}

.work-row-grids {
    text-align: center;
    margin: 3em 0;
}

.work-row-grids h4 {
    font-size: 1.4em;
    color: #fff;
    margin: .5em 0 .2em;
    line-height: 1.6em;
    text-transform: capitalize;
}

.work-row-grids p {
    font-size: 1em;
    color: #847F7F;
    line-height: 1.5em;
    width: 60%;
    margin: 0 auto;
}

.work-row-grids p {
    font-size: 14px;
    color: #B7B1B1;
    line-height: 1.5em;
    width: 50%;
    margin: 0 auto;
}

.work-grids-img img {
    border: 1px solid #555;
    padding: 16px;
    border-radius: 68px;
}

.work-grids-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #F2AE11;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.work-row-grids span.glyphicon {
    font-size: 2.5em;
    text-align: center;
    padding: 0.55em 0.2em;
    color: #fff;
}

.work-grids-img span {
    position: relative;
    z-index: 100;
    transition: all 0.3s ease 0s;
}

.work-grids-img:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #F2AE11;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease 0s;
}

.work-row-grids:hover .work-grids-img span {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.work-row-grids:hover .work-grids-img:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*--//services--*/


/*---portfolio----*/

.portfolio,
.steps {
    padding: 5em 0;
}

.portfolio p {
    font-size: 1.1em;
    color: #555;
    line-height: 1.6em;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.portfolio h3.title span:after,
.testimonials h3.title span:after {
    right: 26% !important;
}

.portfolio h3.title span:before,
.testimonials h3.title span:before {
    left: 26% !important;
}

.steps h3.title span:after {
    right: 30% !important;
}

.steps h3.title span:before {
    left: 30% !important;
}

.view {
    width: 360px;
    height: 245px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #BCBCBC;
    -moz-box-shadow: 1px 1px 2px #BCBCBC;
    box-shadow: 1px 1px 2px #BCBCBC;
    cursor: default;
    padding: 0;
}

.view .mask,
.view .content {
    width: 341px;
    height: 225px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {
    display: block;
    position: relative;
}

.view h4 {
    color: #FFFFFF;
    font-size: 1.6em;
    margin: 1.2em auto -2.5em;
}

.view p {
    font-style: italic;
    font-size: 1em;
    position: relative;
    color: #fff;
    text-align: center;
    margin: 5em auto 0;
    width: 78%;
}

@media screen and (min-width: 1200px) {
    .view-fourth img {
        -webkit-transition: all 0.4s ease-in-out 0.2s;
        -moz-transition: all 0.4s ease-in-out 0.2s;
        -o-transition: all 0.4s ease-in-out 0.2s;
        -ms-transition: all 0.4s ease-in-out 0.2s;
        transition: all 0.4s ease-in-out 0.2s;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .view-fourth .mask {
        background-color: rgba(0, 0, 0, 0.8);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(0) rotate(-180deg);
        -moz-transform: scale(0) rotate(-180deg);
        -o-transform: scale(0) rotate(-180deg);
        -ms-transform: scale(0) rotate(-180deg);
        transform: scale(0) rotate(-180deg);
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .view-fourth p {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .view-fourth:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .view-fourth:hover img {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }
    .view-fourth:hover p {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}


/*---//portfolio----*/


/*--testimonial--*/

.testimonials {
    background-color: #2D2B2B;
    padding: 5em 0;
    text-align: center;
}


/******** SAP ************/

.sap_tabs {
    clear: both;
}

.tab_box {
    background: #fd926d;
    padding: 2em;
}

.top1 {
    margin-top: 2%;
}

.resp-tabs-list {
    width: 60%;
    list-style: none;
    padding: 0;
    margin: 0 auto 3em;
}

.resp-tab-item img {
    width: 100%;
}

.resp-tab-item {
    overflow: hidden;
    cursor: pointer;
    padding: 3px;
    display: inline-block;
    margin: 0 .5em;
    list-style: none;
    width: 100px;
    border: 1px solid rgb(32, 36, 41);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.resp-tab-item:hover {
    text-shadow: none;
    color: #4fafa0;
}

.resp-tab-active {
    text-shadow: none;
    color: #fff;
    border: 1px solid #fff;
}

.resp-tabs-container {
    padding: 0px;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

#toTop {
    background: rgba(0, 0, 0, 0) url("../images/move-up.png") no-repeat scroll 0 0;
    border: medium none;
    bottom: 3%;
    display: none;
    height: 32px;
    overflow: hidden;
    position: fixed;
    right: 3%;
    text-decoration: none;
    text-indent: 100%;
    width: 32px;
}

@media only screen and (max-width:480px) {
    .resp-tabs-container {
        padding: 10px;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display: none !important;
    }
}

.view1.view-first {
    width: 71%;
    margin: 0 auto;
    text-align: left;
    padding: 2em;
    border: 1px solid #fff;
}

.view1.view-first h5 {
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 0 0 1em 0;
}

.view1.view-first h3 {
    color: #fff;
    font-size: 2.4em;
    letter-spacing: 1px;
    margin: 0 0 1em 0;
}

.view1.view-first p {
    color: #B7B1B1;
    font-size: 1.1em;
    line-height: 1.8em;
}

.privacylink {
    color: #A52A2A;
    font-size: 2.4em;
    letter-spacing: 1px;
}


/*--contact--*/

.contact-form {
    padding: 5em 0;
}

.map {
    padding: 0 0 5em !important;
}

.map iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

.contact-left p {
    font-size: 1.1em;
    color: #555;
    line-height: 1.8em;
}

.contact-left ul {
    margin: 1.5em 0 0 0;
    padding: 0;
}

.contact-left ul li {
    display: block;
    margin: 0 0 1em 1em;
    font-size: 15px;
    color: #555;
}

.contact-left ul li a {
    text-decoration: none;
    color: #555;
    transition: .5s all;
}

.contact-left ul li a:hover {
    color: #43C8FA;
    padding-left: 15px;
}

.contact-left ul li span {
    color: #F2AE11;
    left: -1em;
}

.contact-right form {
    text-align: right;
}

.contact-form-left p {
    font-size: 15px;
    color: #747474;
    line-height: 1.5em;
}

.contact-right input[type="text"] {
    border: 1px solid rgba(189, 189, 189, 0.5);
    width: 32.4%;
    margin: 0 0 1em 0;
    outline: none;
    font-size: 13px;
    color: #5b5b5b;
    padding: 10px 12px;
    -webkit-appearance: none;
}

.contact-right input[type="email"] {
    border: 1px solid rgba(189, 189, 189, 0.5);
    margin: 0 .5em 1em 0.5em;
    outline: none;
    font-size: 13px;
    color: #5b5b5b;
    padding: 10px 12px;
    width: 32%;
    -webkit-appearance: none;
}

.contact-right textarea {
    border: 1px solid rgba(189, 189, 189, 0.5);
    outline: none;
    font-size: 13px;
    color: #5b5b5b;
    padding: 10px 12px;
    width: 100%;
    resize: none;
    height: 180px;
    -webkit-appearance: none;
}

.contact-right input[type="submit"] {
    border: 1px solid #43C8FA;
    padding: .7em 0;
    width: 22%;
    margin-top: 0.8em;
    font-size: 1.1em;
    color: #43C8FA;
    letter-spacing: 1px;
    outline: none;
    background-color: #fff;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -webkit-appearance: none;
}

.contact-right input[type="submit"]:hover {
    background-color: #43C8FA;
    color: #fff;
}


/*--partner--*/

.partner {
    width: 100%;
    height: 130px;
    background: #F7B926;
    overflow: hidden;
}

.partner .container {
    /*padding: 0 !important;*/
    /*margin: 0 !important;*/
    /*width: 100%;*/
    height: 100%;
}

.partner_div {
    width: 100%;
    margin: 0 auto 3em;
}

.partner_div ul {
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.partner_div ul li {
    width: 16.6%;
    list-style: none;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 130px;
    font-size: 0;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.partner .partner_div ul li a {
    display: inline-block;
}

.partner .partner_div ul li:nth-child(1) a {
    /*border-left: solid 1px rgba(0,0,0,0.1);*/
}

.partner .partner_div ul li img {
    width: 100%;
    padding: 0 3px;
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
}

.partner .partner_div ul li img:hover {
    filter: brightness(20%);
    -webkit-filter: brightness(20%);
}


/*--footer--*/

.footer {
    text-align: center;
    padding: 1.5em 0;
    background-color: #2D2B2B;
}

.footer p {
    color: #fff;
    font-size: 14px;
}

.footer p a {
    color: #fff;
    text-decoration: none;
}

.footer p a:hover {
    color: #43C8FA;
    text-decoration: none;
}


/*--//footer--*/


/*---- responsive-design -----*/

@media(max-width:1440px) {
    .callbacks_tabs {
        bottom: 19%;
        left: 9%;
    }
}

@media(max-width:1366px) {
    .callbacks_tabs {
        left: 7%;
    }
    .callbacks_tabs {
        left: 6.4%;
    }
    .about,
    .working-hours,
    .about-bottom,
    .steps,
    .team,
    .special,
    .services,
    .portfolio,
    .testimonials,
    .contact-form {
        padding: 4em 0;
    }
    .working-hours-bottom-agro p {
        margin: 4em 0 0 29em;
        width: 50%;
    }
}

@media(max-width:1280px) {
    .callbacks_tabs {
        left: 3.6%;
    }
    .banner-text h2,
    .banner-text h3 {
        font-size: 3.8em;
        color: #fff;
    }
    .work-row-grids {
        margin: 1em 0 4em;
    }
    .working-hours-bottom-agro h3:before {
        width: 25%;
        left: 36%;
    }
}

@media(max-width:1080px) {
    .banner {
        min-height: 400px;
    }
    h1 a.navbar-brand {
        padding: 10px 0;
    }
    .callbacks_tabs {
        left: 9.58%;
        bottom: 16%;
    }
    .contact-right input[type="submit"] {
        padding: .5em 0;
    }
    .about,
    .about-bottom,
    .working-hours,
    .steps,
    .team,
    .special,
    .services,
    .portfolio,
    .testimonials,
    .contact-form {
        padding: 3.5em 0;
    }
    .about h4 {
        font-size: 1.2em;
    }
    .team-grids a:hover .captn {
        padding: 37% 10%;
    }
    .view {
        width: 293px;
        height: 200px;
    }
    .view .mask,
    .view .content {
        width: 280px;
        height: 180px;
    }
    .resp-tab-item {
        width: 27%;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1.6em;
        margin: 1.5em auto -1.5em;
    }
    .view p {
        margin: 2.5em auto 0;
    }
    .contact-right input[type="submit"] {
        padding: .5em 0;
    }
    .banner-text h2,
    .banner-text h3 {
        font-size: 3.3em;
    }
    .banner-text p {
        width: 45%;
    }
    h3.title span {
        font-size: 2.6em;
    }
    .about-bottom-grid {
        padding: 1em;
    }
    .about-bottom-grid h3 {
        font-size: 1.8em;
    }
    div.thumb,
    div.someContent {
        width: 235px;
        height: 235px;
    }
    div.divLeftImage,
    div.divRight,
    div.divLeft,
    div.divRight {
        width: 117.5px;
    }
    div.someContent div.content {
        padding: 4em 0.3em 0;
    }
    div.divRight {
        background-position: -207px 0;
    }
    .about-bottom-grid1 {
        width: 25%;
    }
    div.divLeft {
        margin-right: 0px;
    }
    .special-grids h3 {
        font-size: 2.6em;
    }
    .work-row-grids p {
        width: 55%;
    }
    .contact-right input[type="text"] {
        width: 32%;
    }
    .about-wedding-grid h4 {
        font-size: 2.4em !important;
    }
    .about-fashion-left {
        height: 343px;
    }
    article.css3-3 {
        width: 264px;
    }
    figure {
        width: 220px;
        height: 275px;
    }
    .about-bottom-fashion h3:after {
        right: 68.5%;
    }
    .about-bottom-fashion1-grids form {
        width: 71%;
    }
    .map iframe {
        height: 300px;
    }
    .portfolio h3.title span:before,
    .testimonials h3.title span:before {
        left: 24% !important;
    }
    .portfolio h3.title span:after,
    .testimonials h3.title span:after {
        right: 24% !important;
    }
    .industrial-banner-bottom-right a span {
        left: -0.5em;
    }
    .steps-grid-left2 {
        width: 24%;
    }
}

@media(max-width:1024px) {
    #slider3 {
        margin: 8% auto 0;
    }
    .map iframe {
        height: 280px;
    }
    .contact-right input[type="text"] {
        width: 32%;
    }
    .callbacks_tabs {
        left: 7.58%;
    }
    h1 a.navbar-brand {
        font-size: 1.3em;
        padding: 10px 0;
    }
    .special-grids h3 {
        font-size: 2.4em;
        margin: 0 0 .6em;
    }
    .work-row-grids {
        margin: 1em 0 3em;
    }
    .map {
        padding: 0 0 3em !important;
    }
    .about-wedding-grids {
        width: 70%;
    }
    .special-grids h3 {
        font-size: 2.4em;
    }
    .working-hours-grid h3 {
        margin: 0 0 1.5em;
    }
}

@media(max-width:991px) {
    .banner {
        min-height: 380px;
    }
    #slider3 {
        margin: 6% auto 0;
    }
    .navbar-nav>li>a {
        padding: 2em 0.7em;
    }
    .banner-text h2,
    .banner-text h3 {
        font-size: 3em;
    }
    .callbacks_tabs {
        left: 12%;
        bottom: 16%;
    }
    .callbacks_tabs li {
        margin: 0 .3em;
    }
    .about,
    .about-bottom,
    .working-hours,
    .team,
    .special,
    .services,
    .steps,
    .portfolio,
    .testimonials,
    .contact-form {
        padding: 3em 0;
    }
    h3.title span:after {
        right: 25%;
    }
    h3.title1 span:after {
        right: 30% !important;
    }
    .team-grids a .captn {
        bottom: -80%;
    }
    h3.title {
        margin-bottom: 2em;
    }
    div.thumb,
    div.someContent {
        width: 288px;
        height: 242px;
    }
    div.divLeftImage,
    div.divRight,
    div.divLeft,
    div.divRight {
        width: 144px;
    }
    div.divRight {
        background-position: -231px 0;
    }
    h3.title1 span:before {
        left: 30% !important;
    }
    .captn h4 {
        margin-top: 0;
        font-size: 1.6em;
    }
    .work-row-grids {
        width: 33.33%;
        margin: 1em 0 3em;
    }
    .work-row-grids p {
        width: 90%;
    }
    .view {
        width: 220px;
        height: 151px;
    }
    .view .mask,
    .view .content {
        width: 201px;
        height: 132px;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1em;
        margin: 1em auto -1em;
    }
    .view p {
        width: 84%;
        margin: 2.4em auto 0;
        font-size: .8em;
    }
    .resp-tab-item {
        width: 35%;
    }
    .resp-tab-item {
        width: 12%;
        margin: 0;
    }
    .resp-tabs-list {
        width: 100%;
        margin: 0 auto 2em;
    }
    .view1.view-first {
        width: 100%;
    }
    .map {
        padding: 0 0 3em !important;
    }
    .contact-left p {
        margin-top: 2em;
        width: 70%;
    }
    .special-grids:nth-child(2) {
        margin: 3em 0 0;
    }
    .services h3.title span:before {
        left: 26% !important;
    }
    .services h3.title span:after {
        right: 26% !important;
    }
    .work-row-grids h4 {
        font-size: 1.3em;
    }
    .view p {
        margin: 1.6em auto 0;
        font-size: 13px;
    }
    .captn p {
        font-size: 14px;
    }
    .portfolio h3.title span:before,
    .testimonials h3.title span:before {
        left: 20% !important;
    }
    .portfolio h3.title span:after,
    .testimonials h3.title span:after {
        right: 20% !important;
    }
    .contact-right input[type="text"] {
        width: 32.5%;
    }
    figure,
    .column div {
        width: 165px;
        height: 200px;
    }
    .about-bottom-fashion h3:before,
    .about-bottom-fashion h3:after {
        width: 10%;
    }
    .about-bottom-fashion h3:after {
        right: 58.5%;
    }
    .about-bottom-fashion1-grids {
        padding: 2em;
    }
    .about-bottom-fashion1-grids form {
        width: 90%;
    }
    .about-bottom-fashion1-grids input[type="email"] {
        width: 81%;
    }
}

@media (max-width:900px) {
    .banner {
        min-height: 340px;
    }
}

@media (max-width:800px) {
    .banner {
        min-height: 300px;
    }
    .banner-text p {
        width: 65%;
        margin: 1em 0 1em 0em;
    }
    .banner-text {
        margin-left: 2em;
    }
}

@media(max-width:768px) {
    .banner-text h2,
    .banner-text h3 {
        font-size: 2.5em;
    }
    .callbacks_tabs a:after {
        height: 12px;
        width: 12px;
    }
    .about,
    .team,
    .about-bottom,
    .working-hours,
    .special,
    .services,
    .portfolio,
    .steps,
    .testimonials,
    .contact-form {
        padding: 2.5em 0;
    }
    .about p {
        font-size: 1em;
        line-height: 1.8em;
    }
    .work-row-grids span.glyphicon {
        font-size: 2em;
        padding: 0.8em 0.2em;
    }
    .work-row-grids {
        margin: 1em 0em 3em;
    }
    .banner-text p {
        margin: 1em 0 1em 0em;
    }
}

@media(max-width:767px) {
    .header-info p {
        margin: 0em 0 .5em;
        text-align: center;
    }
    button.btn.btn-default {
        right: 1%;
    }
    h1 a.navbar-brand {
        font-size: 1.3em;
        padding: 10px 0em;
    }
    .navbar-toggle {
        margin: 1.5em 0em 0 0;
    }
    /*.navbar-default .navbar-toggle {*/
    /*border-color: #43C8FA;*/
    /*background: #43C8FA;*/
    /*}*/
    /*.navbar-default .navbar-toggle .icon-bar {*/
    /*background-color: #fff;*/
    /*}*/
    /*.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {*/
    /*background-color: #43C8FA;*/
    /*}*/
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin: 0;
    }
    .navbar-nav>li>a {
        padding: 0 0.5em !important;
        text-align: center;
        line-height: 50px;
        font-size: 0.7em !important;
    }
    .navbar-nav {
        margin: 0;
        background: #fff;
    }
    .navbar-nav li {
        padding: 0px;
        margin: 0;
        height: 50px;
        float: left;
        display: inline-block;
        width: 25%;
        font-size: 2rem;
    }
    .work-row-grids {
        width: 33%;
        margin: 1em 0;
        float: left;
    }
    .collapse {
        /*display: block;*/
    }
}

@media(max-width:640px) {
    .banner {
        min-height: 240px;
    }
    #slider3 {
        margin: 4% auto 0;
        min-height: 160px;
    }
    .about-fashion-left {
        width: 75%;
    }
    .banner-text {
        top: 15%;
    }
    .banner-text h2 {
        font-size: 1.8em !important;
    }
    .banner-text p {
        width: 80%;
        font-size: .8em;
        margin: 0.8em 0;
        line-height: 1.3em;
        letter-spacing: 0;
    }
    .callbacks_tabs {
        left: 12%;
        bottom: 10%;
    }
    .about,
    .about-bottom,
    .working-hours,
    .team,
    .special,
    .services,
    .portfolio,
    .steps,
    .testimonials,
    .contact-form {
        padding: 2em 0;
    }
    h3.title {
        font-size: 1.1em;
    }
    .about-bottom-grid1,
    .about-bottom-grid {
        width: 48.6%;
    }
    .captn h4 {
        font-size: 1.5em;
    }
    .team-grids a .captn {
        bottom: -87%;
    }
    .team-grids a:hover .captn {
        padding: 26% 10%;
    }
    .captn p {
        font-size: 1em;
        line-height: 1.8em;
    }
    .special p {
        margin-bottom: 1em;
    }
    .special h6 {
        font-size: 1em;
    }
    .work-row-grids {
        width: 33%;
        margin: 1em 0;
        float: left;
    }
    .view {
        width: 187px;
        height: 130px;
        border: 6px solid #fff;
        margin: 5px;
    }
    .view .mask,
    .view .content {
        width: 176px;
        height: 118px;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1em;
        margin: 1em auto -.8em;
    }
    .view p {
        font-size: .5em;
        line-height: 1.5em;
        margin: 1.5em auto 0;
    }
    .resp-tab-item {
        width: 15%;
    }
    .view1.view-first {
        padding: 1.5em;
    }
    .map iframe {
        height: 250px;
    }
    .map {
        padding: 0 0 2em !important;
    }
    .contact-right {
        padding: 0;
    }
    .work-row-grids {
        padding-right: 0;
    }
    .contact-right input[type="text"] {
        width: 32.2%;
    }
    .contact-left p {
        font-size: 14px;
        width: 100%;
    }
    .contact-left ul li,
    .view1.view-first p,
    .banner-text p,
    .about p,
    .special p {
        font-size: 14px;
    }
    .about h4,
    p.velit {
        margin: 0 0 1em;
    }
    .banner-text h2,
    .banner-text h3 {
        font-size: 2.2em;
    }
}

@media(max-width:600px) {
    .banner {
        min-height: 230px;
    }
    #slider3 {
        margin: 2% auto 0;
        min-height: 150px;
    }
}

@media(max-width:560px) {
    .banner {
        min-height: 210px;
    }
}

@media(max-width:480px) {
    .banner {
        min-height: 180px;
    }
    .about-fashion-left {
        width: 100%;
    }
    .navbar-toggle {
        margin: 1.2em 0em 0 0;
    }
    /*.callbacks_nav {*/
    /*display: none;*/
    /*}*/
    h1 a.navbar-brand {
        font-size: 1.2em;
        padding: 10px 0;
    }
    input.form-control {
        padding: 5px 28px 5px 10px;
        font-size: 1em;
    }
    .navbar-nav>li>a {
        padding: 0.5em 0;
        font-size: 14px;
    }
    .banner-text {
        width: 70%;
    }
    .banner-text h2 {
        font-size: 1.2em !important;
    }
    .callbacks_tabs {
        left: 15%;
        bottom: 2.5em;
    }
    .banner-text p {
        font-size: .9em;
        width: 100%;
    }
    .about,
    .about-bottom,
    .working-hours,
    .team,
    .special,
    .services,
    .portfolio,
    .steps,
    .testimonials,
    .contact-form {
        padding: 2em 0;
    }
    h3.title {
        margin-bottom: 0.6em;
    }
    .about-left {
        float: none;
        width: 100%;
    }
    .about-right {
        float: none;
        width: 100%;
        margin-top: 1em;
    }
    .work-grids-img {
        width: 70px;
        height: 70px;
    }
    .work-row-grids span.glyphicon {
        font-size: 1.8em;
        padding: 0.8em 0.2em;
    }
    .work-row-grids h4 {
        font-size: 1.2em;
    }
    .view {
        width: 47%;
        overflow: hidden;
        /*width: 206px;*/
        height: 141px;
    }
    .view .mask,
    .view .content {
        width: 195px;
        height: 129px;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1.2em;
        margin: 1.2em auto -1.2em;
    }
    .view p {
        font-size: .6em;
        margin: 2.2em auto 0;
    }
    .resp-tab-item {
        width: 20%;
    }
    .resp-tabs-list {
        margin: 0 auto 1em;
    }
    .contact-right input[type="email"] {
        margin: 1em 0;
        width: 100%;
        padding: 8px 12px;
    }
    .contact-right input[type="text"] {
        width: 100%;
        margin: 0;
        padding: 8px 12px;
    }
    .contact-right textarea {
        height: 150px;
        margin-top: 1em;
    }
    .contact-right input[type="submit"] {
        width: 28%;
        font-size: 1em;
    }
    .contact-left p {
        margin-top: 1.5em;
        width: 100%;
    }
    .contact-left {
        padding: 0;
    }
    .contact-left ul {
        margin: 0.5em 0 0;
    }
    .footer p {
        line-height: 1.8em;
    }
    .navbar-form button.btn.btn-default {
        top: 19%;
    }
    h3.title span {
        font-size: 2.4em;
    }
    h3.title span:before,
    h3.title span:after {
        width: 15%;
    }
    h3.title span:before {
        left: 14%;
    }
    h3.title span:after {
        right: 14%;
    }
    .about-bottom-grid1,
    .about-bottom-grid {
        width: 66.6%;
    }
    h3.title1 span:before {
        left: 22% !important;
    }
    h3.title1 span:after {
        right: 22% !important;
    }
    .services h3.title span:before {
        left: 17% !important;
    }
    .services h3.title span:after {
        right: 17% !important;
    }
    .work-row-grids {
        width: 50%;
        margin: 1.5em auto;
        /*float: none;*/
    }
    .portfolio h3.title span:before,
    .testimonials h3.title span:before {
        left: 7% !important;
    }
    .portfolio h3.title span:after,
    .testimonials h3.title span:after {
        right: 7% !important;
    }
    .sap_tabs {
        padding: 2em 0 0;
    }
    .map {
        padding: 2em 0 1em !important;
    }
    .map iframe {
        height: 200px;
    }
    p.velit {
        width: 100%;
    }
    .about h4 {
        margin-bottom: .5em;
    }
    article.css3-3 {
        width: 383px;
    }
}

@media(max-width:440px) {
    .banner {
        min-height: 170px;
    }
    .banner-text p {
        font-size: .6em;
    }
}

@media (max-width: 414px) {
    .banner {
        min-height: 150px;
    }
    .banner-text h2 {
        font-size: 1.1em;
    }
    .banner-text p {
        margin: .5em 0;
    }
    h1 a.navbar-brand {
        font-size: 1em;
        padding: 10px 0;
    }
    .navbar-toggle {
        margin: 0.8em 0em 0 0;
    }
    .banner-title {
        padding: 2em 0;
    }
    h3.title {
        font-size: 1em;
    }
    a.more {
        font-size: 14px;
    }
    .callbacks_tabs {
        bottom: 1.5em;
        display: none;
    }
    .view,
    .view .mask,
    .view .content {
        width: 300px;
        height: 204px;
    }
    .view {
        float: none;
        margin: 1em auto;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1.6em;
        margin: 1.2em auto -3.2em;
    }
    .view p {
        font-size: 1em;
        margin: 5.5em auto 0;
    }
    .banner-text h2 {
        font-size: 1.2em;
    }
    .resp-tab-item {
        width: 24%;
    }
    article.css3-3 {
        width: 317px;
    }
    .about-fashion-left {
        height: 409px;
    }
    .about-right {
        padding: 0;
    }
    .about-bottom-fashion h3 {
        font-size: 1.8em;
    }
    .about-bottom-fashion h3:after {
        right: 32.5%;
    }
    figure,
    .column div {
        width: 167px;
        height: 199px;
    }
}

@media (max-width:375px) {
    .banner {
        /*min-height: 140px;*/
    }
    .banner-text h2 {
        font-size: .6em;
    }
    .banner-text p {
        font-size: .2em;
    }
    .callbacks_tabs {
        display: none;
    }
    h3.title span:before {
        left: 10%;
    }
    h3.title span:after {
        right: 10%;
    }
    h1 a.navbar-brand {
        font-size: .9em;
        padding: 10px 0;
    }
    .navbar-toggle {
        margin: 0.6em 0 0;
    }
    .about-bottom-grid1,
    .about-bottom-grid {
        width: 87.6%;
    }
    h3.title1 span:before {
        left: 18% !important;
    }
    h3.title1 span:after {
        right: 18% !important;
    }
    .team-grids {
        width: 75%;
    }
    .team-grids a .captn {
        bottom: -86%;
    }
    .about-industrial-right h5,
    .special-grids h3 {
        font-size: 1.5em;
    }
    .services h3.title span:before {
        left: 12% !important;
    }
    .services h3.title span:after {
        right: 12% !important;
    }
    .work-row-grids {
        width: 80%;
    }
    .portfolio h3.title span:before,
    .testimonials h3.title span:before {
        left: 1% !important;
    }
    .portfolio h3.title span:after,
    .testimonials h3.title span:after {
        right: 1% !important;
    }
    .resp-tab-item {
        width: 27%;
    }
    .row {
        margin: 0;
    }
    .about h4 {
        font-size: 1.1em;
    }
    .working-hours-grid {
        padding: 0;
    }
    .work-row-grids {
        float: none;
    }
    .steps-grid-left2 span {
        left: 1.4em;
    }
    .banner4 {
        background-position: -258px 0px;
    }
    article.css3-3 {
        width: 278px;
    }
}

@media(max-width:360px) {
    .navbar-nav>li>a {
        padding: 0 0.3em !important;
        text-align: center;
        line-height: 50px;
        font-size: 0.6em !important;
    }
    .banner {
        /*min-height: 120px;*/
        /*background-size: contain;*/
        /*background-size: cover;*/
    }
    h1 a.navbar-brand {
        font-size: .9em;
        padding: 10px 0;
        height: 60px;
    }
    h1 a.navbar-brand img {
        height: 40px;
    }
    #slider3 {
        min-height: 120px;
    }
    .header-info p,
    input.form-control,
    .work-row-grids p {
        font-size: 13px;
    }
    span.glyphicon.glyphicon-search {
        font-size: 1em;
    }
    button.btn.btn-default {
        right: 3%;
    }
    .header-info {
        float: none;
        margin-bottom: 0.5em;
    }
    form.navbar-form {
        float: none;
        margin: 0 auto !important;
    }
    input.form-control {
        padding: 5px 31px 5px 10px;
    }
    .header-info p {
        margin-top: 0;
        text-align: center;
    }
    .header {
        padding: 0.6em 0;
    }
    button.navbar-toggle {
        margin: 0.65em 0 0;
    }
    .banner-title {
        padding: 3em 0;
    }
    .banner-text p {
        margin: 0.5em 0;
    }
    .banner-text {
        margin-left: 0;
    }
    .callbacks_tabs {
        left: 3%;
        bottom: 5%;
    }
    h3.title span:before {
        left: 6%;
    }
    h3.title span:after {
        right: 6%;
    }
    h3.title span {
        font-size: 2.2em;
    }
    div.divLeftImage,
    div.divRight,
    div.divLeft,
    div.divRight {
        width: 135.5px;
    }
    .about-left {
        padding: 0;
    }
    .work-row-grids {
        width: 100%;
    }
    .work-row-grids span.glyphicon {
        padding: 0.7em 0;
    }
    .work-grids-img {
        width: 65px;
        height: 65px;
    }
    .work-row-grids p {
        width: 100%;
    }
    .captn h4 {
        font-size: 1.3em;
    }
    .team-grids a .captn {
        bottom: -87%;
    }
    .view {
        width: 260px;
        height: 162px;
    }
    .view .mask,
    .view .content {
        width: 242px;
        height: 150px;
    }
    .view h4 {
        color: #FFFFFF;
        font-size: 1.4em;
        margin: 1em auto -1.8em;
    }
    .view p {
        font-size: 1em;
        margin: 3em auto 0;
    }
    .resp-tab-item {
        width: 32%;
    }
    .contact-left p,
    .footer p,
    .navbar-nav>li>a,
    .industrial-banner-bottom-left p,
    .about-industrial-right ul li {
        font-size: 13px;
    }
    .about-industrial-right h5 {
        line-height: 1.5em;
    }
    .contact-left ul li {
        font-size: 14px;
    }
    .contact-right input[type="submit"] {
        width: 34%;
        padding: .3em 0;
    }
    .special-wedding-grids-from textarea {
        min-height: 100px;
    }
    .contact-left ul li,
    .view1.view-first p,
    .steps-grid-left1 p,
    .special-wedding-grids-from h4,
    .banner-text p,
    .about p,
    .special p,
    .about-bottom-grid p,
    .captn p {
        font-size: 13px;
    }
    .callbacks_nav,
    .callbacks_tabs {
        display: none;
    }
    .banner1 {
        background-position: -140px 0px;
    }
    .map iframe {
        height: 150px;
    }
    .banner2 {
        background-position: -240px 0px;
    }
    .text a {
        font-size: .8em;
    }
    article.css3-3 {
        width: 253px;
    }
    figure,
    .column div {
        width: 213px;
        height: 256px;
    }
}

#allmap {
    height: 252px;
}

#allmap .about-left img {
    padding: 0px!important;
}

#allmap img {
    padding: 0px;
}

#collapseDome {
    display: none;
}

#toggleButton {
    display: none;
}

.partner img {
    width: 100%;
    height: 100%;
}

.carousel-caption {
    display: none;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .callbacks_nav {
        diplay: none!important;
        visibility: hidden;
    }
    .carousel-caption {
        display: block;
    }
    .banner-text {
        display: none;
    }
    .services {
        display: none;
    }
    .testimonials {
        display: none;
    }
    .partner_div ul li {
        width: 33%;
        list-style: none;
        text-align: center;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 50px;
        height: 60px;
        font-size: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        border-right: solid 1px rgba(0, 0, 0, 0.1);
    }
    .partner_div ul {
        margin-top: 10px;
        border-top: solid 1px rgba(0, 0, 0, 0.1);
        border-left: solid 1px rgba(0, 0, 0, 0.1);
    }
    .partner {
        height: 70px;
    }
    .servicesIn {
        display: none!important;
    }
    .testimonialsIn {
        display: none!important;
    }
    .law {
        display: none!important;
    }
    #toggleButton {
        display: block!important;
        margin: 0 auto;
    }
    #collapseDome {
        display: block;
    }
    .mask {
        opacity: 0!important;
    }
}


/*?¿½?¿½?¿½Æ²Ëµ?¿½?¿½?¿½Í·*/

.nav-header.collapsed>span.glyphicon-chevron-toggle:before {
    content: "\e114";
}

.nav-header>span.glyphicon-chevron-toggle:before {
    content: "\e113";
}


/*--//responsive-design---*/