@import url('https://fonts.googleapis.com/css?family=Abel|Josefin+Sans|Khand');
body {
    margin: 0;
    padding: 0;
    font-family: 'Abel', sans-serif;
    background: rgb(250, 250, 250);
    overflow-x: hidden
}

header {
    margin: 0;
    padding: 0;
}

.navi {
    margin: 0;
    padding: 0;
    background: black;
}

footer {
    margin: 0;
    padding: 0;
    background: #f8f8f8;
}

.copyright {
    padding: 18px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 500 16px 'Abel', sans-serif;
    color: white;
    background: #e127af;
}

.copyright a {
    text-decoration: none;
    color: white;
}

.heading {
    position: absolute;
    left: 0;
    background: transparent;
    color: transparent;
}

@media screen and (min-width:320px) and (max-width:480px) {}

@media screen and (max-width:320px) {
    /*
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 13em!important;
}
*/
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 76px;
    }
    header .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
        display: none;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 13px
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: none!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 200px;
        height: 80px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 14px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: none;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
        display: none;
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .burger-menu {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgb(250, 250, 250);
        box-shadow: 1px 3px 2px #e8e8e8;
        z-index: 5
    }
    .burger-logo img {
        width: 100px;
        height: 50px;
    }
    .burger-ul,
    .burger-logo {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .burger-logo {
        padding: 10px 0;
    }
    .burger-ul {
        padding: 0;
        list-style-type: none;
    }
    .burger-ul>li>a {
        display: block;
        border: 1px solid #e2e2e2;
        padding: 7px 10px;
        border-radius: 20px;
        cursor: pointer;
        color: #03a9f4;
    }
    .burger-options {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 44%;
        width: 140px;
        background: white;
        z-index: 5;
        list-style-type: none;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        border-radius: 15px;
        display: none;
    }
    .burger-options > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .burger-options a {
        display: block;
        padding: 10px 5px;
        text-decoration: none;
        color: grey;
        border-bottom: 1px solid #eee;
    }
    #no-border {
        border-bottom: none;
    }
    .burger-options a:hover {
        background: #e3e3e3;
        color: white;
    }
    .open-burger {
        display: none;
        background: #f5f5f5;
    }
    .swiper-container {
        width: 100%;
        height: 66%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 150px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 60px;
        height: 60px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 30px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wel img {
        width: 80px;
        height: 80px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 8px 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 0 5px 0;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        font: 300 15px 'Abel', sans-serif;
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 300 20px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 16px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 98%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 205px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 190px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 16px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
        display: block;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 7em;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 10px;
        font: 700 30px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 18px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: 0 auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 10px;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 80px;
        height: 80px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 80px;
        height: 80px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .last img {
        width: 80px;
        height: 80px;
    }
    .last ul {
        list-style-type: circle;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 3px 0 25px;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 7em;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 90px;
        left: 50px;
        font: 700 16px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 12px 'Abel', sans-serif;
        color: #ffffff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 10px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 14px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px 0;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
        box-sizing: border-box;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px 0;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 10px;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 98%;
        margin: 15px auto;
        padding: 0;
        box-sizing: border-box;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 100px;
        height: 100px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 10px;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 25px 'Abel';
        color: grey;
    }
    .left button {
        padding: 10px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
        text-transform: capitalize;
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 10px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pics p {
        margin: 3px;
        width: 250px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 250px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width:220px;
        box-sizing: border-box;
    }
    .bug h4 {
        margin: 0;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 20px 'Abel', sans-serif;
    }
}

@media screen and (min-width:321px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 76px;
    }
    header .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
        display: none;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 13px
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: none!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 200px;
        height: 80px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 14px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: none;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
        display: none;
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .burger-menu {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgb(250, 250, 250);
        box-shadow: 1px 3px 2px #e8e8e8;
        z-index: 5
    }
    .burger-logo img {
        width: 100px;
        height: 50px;
    }
    .burger-ul,
    .burger-logo {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .burger-logo {
        padding: 10px 0;
    }
    .burger-ul {
        padding: 0;
        list-style-type: none;
    }
    .burger-ul>li>a {
        display: block;
        border: 1px solid #e2e2e2;
        padding: 7px 10px;
        border-radius: 20px;
        cursor: pointer;
        color: #03a9f4;
    }
    .burger-options {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 61%;
        width: 140px;
        background: white;
        z-index: 5;
        list-style-type: none;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        border-radius: 15px;
        display: none;
    }
    .burger-options > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .burger-options a {
        display: block;
        padding: 10px 5px;
        text-decoration: none;
        color: grey;
        border-bottom: 1px solid #eee;
    }
    #no-border {
        border-bottom: none;
    }
    .burger-options a:hover {
        background: #e3e3e3;
        color: white;
    }
    .open-burger {
        display: none;
        background: #f5f5f5;
    }
    .swiper-container {
        width: 100%;
        height: 66%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 170px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 60px;
        height: 60px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 30px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wel img {
        width: 80px;
        height: 80px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 8px 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 0 5px 0;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        font: 300 16px 'Abel', sans-serif;
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 700 30px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 18px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 98%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 270px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 210px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 15px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 7em;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 10px;
        font: 700 30px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 18px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: 0 auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 25px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 80px;
        height: 80px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 80px;
        height: 80px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 99%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .last img {
        width: 80px;
        height: 80px;
    }
    .last ul {
        list-style-type: circle;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 3px 0 25px;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 7em;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 90px;
        left: 50px;
        font: 700 16px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 12px 'Abel', sans-serif;
        color: #ffffff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 14px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px 0;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
        box-sizing: border-box;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px 0;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 98%;
        margin: 15px auto;
        padding: 0;
        box-sizing: border-box;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor .cors-img {
        flex: 1 0 auto;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 100px;
        height: 100px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 25px 'Abel';
        color: grey;
    }
    .left button {
        padding: 10px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
        text-transform: capitalize;
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 10px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pics p {
        margin: 3px;
        width: 260px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 260px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width:250px;
        box-sizing: border-box;
    }
    .bug h4 {
        margin: 0;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 20px 'Abel', sans-serif;
    }
}

@media screen and (min-width:400px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 76px;
    }
    header .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
        display: none;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 13px
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: none!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 200px;
        height: 80px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 14px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: none;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
        display: none;
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .burger-menu {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgb(250, 250, 250);
        box-shadow: 1px 3px 2px #e8e8e8;
        z-index: 5
    }
    .burger-logo img {
        width: 100px;
        height: 50px;
    }
    .burger-ul,
    .burger-logo {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .burger-logo {
        padding: 10px 0;
    }
    .burger-ul {
        padding: 0;
        list-style-type: none;
    }
    .burger-ul>li>a {
        display: block;
        border: 1px solid #e2e2e2;
        padding: 7px 10px;
        border-radius: 20px;
        cursor: pointer;
        color: #03a9f4;
    }
    .burger-options {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 61%;
        width: 145px;
        background: white;
        z-index: 5;
        list-style-type: none;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        border-radius: 15px;
        display: none;
    }
    .burger-options > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .burger-options a {
        display: block;
        padding: 10px 5px;
        text-decoration: none;
        color: grey;
        border-bottom: 1px solid #eee;
    }
    #no-border {
        border-bottom: none;
    }
    .burger-options a:hover {
        background: #e3e3e3;
        color: white;
    }
    .open-burger {
        display: none;
        background: #f5f5f5;
    }
    .swiper-container {
        width: 100%;
        height: 66%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 200px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 60px;
        height: 60px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 30px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wel img {
        width: 80px;
        height: 80px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 8px 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 0 5px 0;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 700 30px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 18px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 98%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 160px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 13px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 10px;
        font: 700 30px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 18px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 25px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 100px;
        height: 100px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 100px;
        height: 100px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .last img {
        width: 100px;
        height: 100px;
    }
    .last ul {
        list-style-type: circle;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 3px 0 25px;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 100px;
        left: 50px;
        font: 700 18px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 14px 'Abel', sans-serif;
        color: #ffffff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 14px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px 0;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
        box-sizing: border-box;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px 0;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 98%;
        margin: 15px auto;
        padding: 0;
        box-sizing: border-box;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 100px;
        height: 100px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 25px 'Abel';
        color: grey;
    }
    .left button {
        padding: 10px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
        text-transform: capitalize;
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 10px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pics p {
        margin: 3px;
        width: 260px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 260px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 350px;
        box-sizing: border-box;
    }
    .bug h4 {
        margin: 0;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 20px 'Abel', sans-serif;
    }
}

@media screen and (min-width:540px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 76px;
    }
    header .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
        display: none;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 13px
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: none!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 200px;
        height: 80px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 14px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: none;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
        display: none;
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .burger-menu {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgb(250, 250, 250);
        box-shadow: 1px 3px 2px #e8e8e8;
        z-index: 5
    }
    .burger-logo img {
        width: 100px;
        height: 50px;
    }
    .burger-ul,
    .burger-logo {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .burger-logo {
        padding: 10px 0;
    }
    .burger-ul {
        padding: 0;
        list-style-type: none;
    }
    .burger-ul>li>a {
        display: block;
        border: 1px solid #e2e2e2;
        padding: 7px 10px;
        border-radius: 20px;
        cursor: pointer;
        color: #03a9f4;
    }
    .burger-options {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 59%;
        width: 200px;
        background: white;
        z-index: 5;
        list-style-type: none;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        border-radius: 15px;
        display: none;
    }
    .burger-options > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .burger-options a {
        display: block;
        padding: 10px 5px;
        text-decoration: none;
        color: grey;
        border-bottom: 1px solid #eee;
    }
    #no-border {
        border-bottom: none;
    }
    .burger-options a:hover {
        background: #e3e3e3;
        color: white;
    }
    .open-burger {
        display: none;
        background: #f5f5f5;
    }
    .swiper-container {
        width: 100%;
        height: 66%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 250px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 80px;
        height: 80px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 40px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .wel img {
        width: 100px;
        height: 100px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 0 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 0 5px 0;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 700 30px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 18px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 98%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 215px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 178px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 16px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 10px;
        font: 700 30px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 18px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: auto auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 25px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 100px;
        height: 100px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 100px;
        height: 100px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .last img {
        width: 100px;
        height: 100px;
    }
    .last ul {
        list-style-type: circle;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 3px 0 25px;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 100px;
        left: 120px;
        font: 700 22px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 16px 'Abel', sans-serif;
        color: #fff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 14px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px 0;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
        box-sizing: border-box;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px 0;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 98%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 50%;
        margin: 15px auto;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 100px;
        height: 100px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 25px 'Abel';
        color: grey;
    }
    .left button {
        padding: 10px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
        text-transform: capitalize;
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 10px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pics p {
        margin: 3px;
        width: 260px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 260px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 450px;
        box-sizing: border-box;
    }
    .bug h4 {
        margin: 0;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 20px 'Abel', sans-serif;
    }
}

@media screen and (min-width:630px) {
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 33em;
        box-sizing: border-box;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 260px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 210px;
    }
}

@media screen and (min-width:1024px) {}

@media screen and (min-width:768px) and (max-width:1024px) {}

@media screen and (min-width:768px) {
    .burger-menu {
        display: none;
    }
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
    header .info {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 13px
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 200px;
        height: 80px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 14px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -500px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .swiper-container {
        width: 100%;
        height: 66%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 300px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 80px;
        height: 80px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 40px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .wel img {
        width: 100px;
        height: 100px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 0 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 98%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 8px;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 700 30px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 18px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 90%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 275px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 255px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 16px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 22px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: auto auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 25px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 2 48%;
        flex: 1 2 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 100px;
        height: 100px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 2 48%;
        flex: 1 2 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 100px;
        height: 100px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .last img {
        width: 100px;
        height: 100px;
    }
    .last ul {
        list-style-type: circle;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 260px;
        left: 170px;
        font: 700 28px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 18px 'Abel', sans-serif;
        color: #fff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 14px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 90%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 50%;
        margin: 15px auto;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .cor .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 100px;
        height: 100px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 30px 'Abel';
        color: grey;
    }
    .left button {
        padding: 15px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 15px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pics p {
        margin: 3px;
        width: 260px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 260px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 40em;
        box-sizing: border-box;
    }
    .bug h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 24px 'Abel', sans-serif;
    }
}

@media screen and (min-width:900px) {
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 50em;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 225px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 210px;
    }
}

@media screen and (min-width:1024px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    header .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #3F51B5;
        color: #ffffff;
    }
    .info .fa {
        color: #ffffff;
    }
    .info .left,
    .info .right {
        margin: 0 auto;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        font-size: 16px;
    }
    .info ul li {
        margin: 6px;
        padding: 6px;
    }
    .web-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-info img {
        width: 240px;
        height: 100px;
    }
    .web-info .main-logo,
    .web-info .promo {
        margin: 0 auto;
        padding: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style-type: none;
        -ms-flex-item-align: center;
        align-self: center
    }
    .web-info .promo {}
    .with-logo {
        margin-right: 10px;
        padding-right: 18px;
        border-right: 1px solid #ffdafb;
        font-size: 16px;
    }
    .with-logo span:first-child {
        font-weight: 700;
    }
    div.with-logo:nth-child(6),
    div.with-logo:nth-child(7) {
        border: none;
    }
    .with-logo:last-child a {
        margin: 0;
        padding: 5px 8px;
        display: block;
        text-decoration: none;
        border: 1px solid #03a9f4;
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        background: #03a9f4;
        color: white;
        font-weight: 300;
    }
    .web-info .nav-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .menu {
        margin: 0;
        padding: 0;
        background: #e127af;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .menu > ul li {
        margin: 0;
        padding: 0;
    }
    .menu > ul li > a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .dropdown-content a {
        margin: 0;
        padding: 0;
        width: 80px;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 10px;
        color: white;
    }
    .menu > ul a:hover {
        background: #d33ea5;
        color: #ffffff;
    }
    .menu-hide {
        position: fixed;
        top: -100px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-shadow: 1px 3px 2px #f8f8f8;
        z-index: 50;
        background: rgb(250, 250, 250);
    }
    .menu-hide-dropdown-content a {
        display: block;
    }
    .menu-hide img {
        width: 100px;
        height: 50px;
    }
    .menu-hide ul,
    .hide-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .hide-img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide ul {
        padding: 0;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-hide > ul > li > a {
        padding: 0 5px;
        width: 80px;
        text-decoration: none;
        display: block;
        line-height: 60px;
        height: 60px;
        color: grey;
        text-align: center;
    }
    .menu-hide a:hover {
        background: rgba(230, 230, 230, 0.79);
        color: #ffffff;
    }
    #logo-link:hover {
        background: none;
    }
    .menu-hide-dropdown-content {
        position: absolute;
        width: 300px;
        display: none;
        background-color: #fff;
        box-shadow: 1px 5px 3px 2px #f0f0f0;
    }
    .menu-hide-dropdown-content a {
        margin: 0;
        padding: 0 6px;
        display: block;
        text-align: left;
        color: #817f7f;
        text-decoration: none;
        border-bottom: 0.1px solid #eee;
        line-height: 50px;
        height: 50px;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        box-shadow: 1px 2px 1px #eee;
    }
    .swiper-container img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        height: 400px;
        text-align: center;
        font-size: 18px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    main section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wel-sec {
        background: #f8f8f8;
    }
    .heads {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .heads img {
        width: 80px;
        height: 80px;
    }
    .heads h3 {
        margin: 10px 0 0 0;
        padding: 0;
        font: 700 40px 'Abel', sans-serif;
        color: grey;
    }
    .heads span {
        color: grey;
    }
    .wel {
        margin: 0 auto;
        padding: 0 0 30px 0;
        width: 60%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .wel img {
        width: 100px;
        height: 100px;
    }
    .wel p {
        padding: 5px;
        text-align: center;
        color: #000000;
        text-align: center;
        width: 100%;
    }
    .wel .wel-1,
    .wel .wel-2 {
        margin: 0 10px;
        padding: 15px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 198, 0.2);
        background: #f8f8f8;
    }
    .wel .wel-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wel .wel-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom {
        margin: 0 auto;
        padding: 15px 0;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .bottom h3 {
        padding: 2px 0;
        font: 500 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff61ff;
        color: #607d8b;
    }
    .bottom div {
        margin: 0 8px;
        padding: 5px 15px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .bottom .why {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: grey;
    }
    .bottom .cat {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .why img {
        margin: 14px 0 0 0;
        width: 100px;
    }
    .bottom .contact {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 24%;
        flex: 1 6 24%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .bottom ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .contact ul {}
    .bottom li {
        margin: 5px 0;
        padding: 3px 5px;
        color: grey;
    }
    .cat ul {
        list-style-type: circle;
        margin: 0 0 0 18px;
    }
    .cat li {}
    .cat a {
        display: block;
        text-decoration: none;
        color: grey;
    }
    .contact a {
        text-decoration: none;
        color: grey;
    }
    .items-sec {
        margin: 0;
        padding: 0;
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .h3-div {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #03a9f4;
    }
    .items-sec h3 {
        margin: 0;
        padding: 0;
        text-align: center;
        color: white;
        font: 700 30px 'Abel', sans-serif;
    }
    .h3-div span {
        text-align: center;
        color: #f4f4f4;
        font: 300 18px 'Abel', sans-serif;
    }
    .items-sec .item {
        width: 80%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .map {
        padding: 0;
        margin: 10px 5px 35px 5px;
        height: 250px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 1px 2px 3px 1px #e3e3e3;
    }
    .piece {
        height: 200px;
    }
    .map p {
        margin: 0 0;
        padding: 7px 0;
        font: 500 16px 'Abel', sans-serif;
        color: white;
        background: #4CAF50;
        text-align: center;
    }
    footer> p:first-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        background: #E91E63;
        font: 500 22px 'Abel', sans-serif;
        box-shadow: 1px 3px 1px #efefef;
    }
    footer> p:last-child {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        color: white;
        background: #607d8b;
    }
    footer ul:first-child {
        margin: 0;
        padding: 20px;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(158, 158, 158, 0.08);
    }
    footer ul:first-child a {
        padding: 20px;
        color: #2196f3;
    }
    .abt-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .abt-img img {
        width: 100%;
        height: 100%;
    }
    .vision {
        margin: 10px 0;
        width: 100%;
        height: 18em;
        background: url(../img/food.png) repeat;
        box-shadow: 1px 3px 1px #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision-div {
        margin: auto auto;
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .vision h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .vision p {
        text-align: center;
        font: 500 22px 'Abel', sans-serif;
        color: #795548;
    }
    .mission {
        margin: 10px 0 0 0;
        width: 100%;
        background: url(../img/stardust.png) repeat;
        box-shadow: 1px 2px 1px #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-div {
        margin: auto auto;
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission h4 {
        margin: 0;
        padding: 15px;
        font: 700 35px 'Abel', sans-serif;
        text-align: center;
        color: white;
    }
    .mission-ul {
        list-style-type: circle;
        font: 500 16px 'Abel', sans-serif;
        color: #ffffff;
    }
    .lib {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lib h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 25px 'Abel', sans-serif;
        color: white;
        background: #03a9f4;
        box-shadow: 1px 3px 1px #eee;
    }
    .libby {
        box-sizing: border-box;
        margin: 15px auto;
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .libby .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 2 48%;
        flex: 1 2 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby .para p {
        text-align: justify;
    }
    .libby .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby img {
        width: 120px;
        height: 120px
    }
    .libby-r {
        box-sizing: border-box;
        margin: 15px auto;
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
    }
    .libby-r .para {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 2 48%;
        flex: 1 2 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .libby-r .para p {
        text-align: justify;
    }
    .libby-r .image {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ind-ul {
        list-style-type: circle;
    }
    .libby-r img {
        width: 120px;
        height: 120px
    }
    .last {
        box-sizing: border-box;
        margin: 15px auto;
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .last img {
        width: 120px;
        height: 120px;
    }
    .last ul {
        list-style-type: circle;
    }
    .last .commit,
    .last .value {
        margin: 8px;
        padding: 10px 10px;
        box-shadow: 0px 8px 16px 0px rgba(183, 183, 183, 0.4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .last .commit {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .last .value {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .last h4,
    .last p {
        width: 100%;
        display: block;
        text-align: left;
    }
    .last h4 {
        margin: 0;
        padding: 3px;
    }
    .last p {
        margin: 3px 0;
    }
    .con-img {
        margin: 0 0 -5px 0;
        width: 100%;
        height: 50%;
    }
    .con-img img {
        width: 100%;
        height: 100%;
    }
    .con-img p {
        position: absolute;
        top: 320px;
        left: 300px;
        font: 700 28px 'Abel', sans-serif;
        text-align: center;
        color: #ff4e00;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .con-img span {
        font: 500 18px 'Abel', sans-serif;
        color: #fff;
    }
    .con-form {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f7f7f7;
    }
    .con-form> h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .form-div {
        margin: 0 auto;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-div div {
        margin: 13px 10px;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }
    .form-div p {
        width: 100%;
    }
    .form-div h4 {
        margin: 11px 0 2px 0;
    }
    .form-div {
        text-align: center;
    }
    .form-div span {
        color: #ef05cb;
        font-size: 16px;
    }
    .phone {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .loc {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 34%;
        flex: 1 6 34%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .con-form form {
        margin: 0 auto;
        padding: 0;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 5px;
        padding: 10px 5px;
        width: 100%;
        border: none;
        background: #03A9F4;
        color: white;
    }
    textarea {
        background: #03A9F4;
        padding: 10px;
        border: 0;
        margin: 5px;
        box-sizing: border-box;
        overflow: auto;
        color: white
    }
    form p:first-child {
        padding: 15px 0;
        text-align: center;
        font: 300 20px 'Abel', sans-serif;
        border-bottom: 1px solid #ff00ff;
    }
    form p span {
        margin: 5px 5px;
        color: #838383;
    }
    form p input[type=submit],
    form p input[type=reset] {
        margin: 5px 5px;
        border: none;
        color: #fff;
        background: #03a9f4;
        border-radius: 5px;
        padding: 10px 30px;
        cursor: pointer;
    }
    .service {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .service h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .our {
        margin: 0 auto;
        padding: 0;
        width: 80%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .our p {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #00bcd4;
    }
    .our ul {
        list-style-type: none;
        text-align: center;
        width: 50%;
        margin: 15px auto;
    }
    .our li {
        margin: 10px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor li {
        margin: 15px 0;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        padding: 5px;
    }
    .cor .cors {
        margin: 0 auto;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cor .cors div {
        margin: 20px 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .cor .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cors-img img {
        width: 120px;
        height: 120px;
    }
    .cor-right {
        margin: 0 auto;
        padding: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cor> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 700 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2196f3;
        box-shadow: 1px 3px 2px #eee;
    }
    .cor-right .cors {
        margin: 10px auto;
        width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cor-right .cors div {
        margin: 10px;
        padding: 10px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }
    .cor-right .cors .txt {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .cor-right .cors-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 6 48%;
        flex: 1 6 48%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .prof {
        margin: 0;
        padding: 5px;
        list-style-type: none;
    }
    .prof li {
        font-weight: 700;
    }
    .prof div {
        box-shadow: none!important;
        font-weight: 300;
    }
    .prod-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod-div> h3 {
        margin: 0;
        padding: 15px;
        text-align: center;
        font: 300 24px 'Abel', sans-serif;
        color: #ffffff;
        background: #2d7a84;
        box-shadow: 1px 3px 2px #eee;
    }
    .prod {
        width: 98%;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .prod> div {
        margin: 5px;
        padding: 5px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .prod .left {
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .prod .left h3 {
        margin: 5px 0;
        text-align: left;
        font: 300 30px 'Abel';
        color: grey;
    }
    .left button {
        padding: 15px 10px;
        background: #00BCD4;
        border: 0;
        border-bottom: 1px solid white;
        text-align: left;
        cursor: pointer;
        color: #ffffff;
        font: 500 18px 'Abel';
    }
    .left button:after {
        font-family: FontAwesome;
        content: '\f067';
        position: relative;
        float: right;
        right: 0px;
        top: 7px;
        clear: both;
        height: 0;
        font-size: 12px;
    }
    .left button.active:after {
        content: '\f067';
    }
    .prod .bug {
        width: 100%;
        padding: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 73%;
        flex: 1 0 73%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    ul.panel {
        padding: 15px;
        list-style-type: none;
        background: #f2f2f2;
        display: none;
    }
    .panel li {}
    .panel a {
        padding: 10px 5px;
        display: block;
        text-decoration: none;
        text-transform: capitalize;
        color: #606060;
        border-bottom: 1px solid #fff;
    }
    .panel a:hover {
        background: #c7c7c7;
        color: white;
    }
    div.bug {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.bug h3 {
        margin: 5px 0;
        text-align: center;
        font: 500 24px 'Abel', sans-serif;
        color: grey;
        border-bottom: 1px solid #f47b03;
    }
    .pics {
        margin: 0 auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pics p {
        margin: 3px;
        width: 260px;
        height: 270px;
        text-align: center;
        border: 1px solid #e6e6e6;
        background: #03A9F4;
        color: #ffffff;
        box-shadow: 1px 3px 2px #e3e3e3;
    }
    .pics img {
        margin-bottom: 6px;
        width: 260px;
        height: 230px;
    }
    .bug section {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .owls {
        margin: 0 auto;
        width: 45em;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
    }
    .bug h4 {
        margin: 0;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #9C27B0;
        border-top: 1px solid #9C27B0;
        color: #000000;
        box-shadow: 1px 3px 1px #eee;
        text-transform: capitalize;
        font: 500 24px 'Abel', sans-serif;
    }
}

@media screen and (min-width:1824px) {}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ffffff;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #ffffff;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ffffff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ffffff;
}

#scroll i {
    vertical-align: text-bottom;
    line-height: 40px;
    color: white;
}

#scroll {
    text-align: center;
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    bottom: 90px;
    right: 30px;
    background: #03a9f4;
    display: none;
    cursor: pointer;
    z-index: 1;
}

.feed {
    display: none;
    font-weight: 100;
    padding: 5px;
    margin: 1px 0;
    font-size: 12px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    font: 300 16px 'Abel', sans-serif;
    z-index: 2;
}

.dropdown-content a {
    margin: 0;
    padding: 0 6px;
    width: 300px;
    display: block;
    text-align: left;
    color: #817f7f;
    border-bottom: 0.1px solid #eee;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #2196F3;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.why p {
    text-align: justify
}